Loader by csemszepp
#212121
1.centered { 2 width: 400px; 3 height: 400px; 4 position: absolute; 5 top: 50%; 6 left: 50%; 7 transform: translate(-50%,-50%); 8 background: rgb(33 33 33 / var(--tw-bg-opacity))!important; 9 ; 10 filter: blur(10px) contrast(20); 11} 12 13.blob-1,.blob-2 { 14 width: 70px; 15 height: 70px; 16 position: absolute; 17 background: #fff; 18 border-radius: 50%; 19 top: 50%; 20 left: 50%; 21 transform: translate(-50%,-50%); 22} 23 24.blob-1 { 25 left: 20%; 26 animation: osc-l 2.5s ease infinite; 27} 28 29.blob-2 { 30 left: 80%; 31 animation: osc-r 2.5s ease infinite; 32 background: #0ff; 33} 34 35@keyframes osc-l { 36 0% { 37 left: 20%; 38 } 39 40 50% { 41 left: 50%; 42 } 43 44 100% { 45 left: 20%; 46 } 47} 48 49@keyframes osc-r { 50 0% { 51 left: 80%; 52 } 53 54 50% { 55 left: 50%; 56 } 57 58 100% { 59 left: 80%; 60 } 61}
637 views
637 views
MIT License