#212121
1.loader { 2 width: 50px; 3 height: 50px; 4 position: relative; 5 z-index: 1; 6 transform: translateX(-50%); 7} 8 9.loader::before, 10.loader::after { 11 content: ''; 12 position: absolute; 13 width: inherit; 14 height: inherit; 15 border-radius: 50%; 16 mix-blend-mode: multiply; 17 animation: rotate92523 2s infinite cubic-bezier(0.77, 0, 0.175, 1); 18} 19 20.loader::before { 21 background-color: #75e2ff; 22} 23 24.loader::after { 25 background-color: #ff8496; 26 animation-delay: 1s; 27} 28 29@keyframes rotate92523 { 30 0%, 100% { 31 left: 35px; 32 } 33 34 25% { 35 transform: scale(.3); 36 } 37 38 50% { 39 left: 0%; 40 } 41 42 75% { 43 transform: scale(1); 44 } 45}
867 views
867 views
Comments
MIT License