Loader by david-mohseni
#e8e8e8
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
1K views
1K views
MIT License