1.ball {
2  animation: float612 2.4s ease-in-out infinite;
3  height: 80px;
4  width: 80px;
5  border-radius: 50%;
6  position: relative;
7  background: radial-gradient( circle at 75% 30%, white 5px, #DF00FF 8%, #DB9EDF 60%, #DF00FF 100%);
8  box-shadow: inset 0 0 20px #C1AAC6, inset 10px 0 46px #DF00FF, inset 88px 0px 60px #DB9EDF, inset -20px -60px 100px #fde9ea, inset 0 50px 140px #fde9ea, 0 0 90px #fff;
9}
10
11@keyframes float612 {
12  0% {
13    transform: translatey(0px);
14  }
15
16  50% {
17    transform: translatey(-50px);
18  }
19
20  100% {
21    transform: translatey(0px);
22  }
23}
24
25.shadow {
26  background: #DB9EDF;
27  width: 80px;
28  height: 25px;
29  top: 65%;
30  animation: expand6234 2.4s ease-in-out infinite;
31  position: absolute;
32  border-radius: 50%;
33}
34
35@keyframes expand6234 {
36  0%,
37            100% {
38    transform: scale(0.6);
39  }
40
41  50% {
42    transform: scale(0.3);
43    filter: blur(5px);
44  }
45}
46