helolopu.github.io/style.css at main · chelurfavbray/helolopu.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
body{
  margin: 0;
  padding: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000;
}
.heart{
  height: 70px;
  width: 70px;
  background: #f20044;
  position: relative;
  transform: rotate(-45deg);
  box-shadow: -10px 10px 90px #ff1e5e;
  animation: heart 0.6s linear infinite;
}
@keyframes heart{
  0%{
     transform: rotate(-45deg) scale(1.10);
  }
   80%{
     transform: rotate(-45deg) scale(1.03);
  }
   100%{
     transform: rotate(-45deg) scale(0.8);
  }
}
.heart:before{
  content: '';
  position: absolute;
  height: 70px;
  width: 70px;
  background: #f20044;
  top: -50%;
  border-radius: 50px;
  box-shadow: -10px -10px 90px #ff1e5e;
}
.heart:after{
  content:'';
  position: absolute;
  height: 70px;
  width: 70px;
  background: #f20044;
  right: -50%;
  border-radius: 50px;
  box-shadow: 10px -10px 90px #ff1e5e;
}