This post is saved as a draft.
#e8e8e8
1.blob { 2 width: 112px; 3 height: 112px; 4 display: grid; 5 background: #fff; 6 filter: blur(5.6px) contrast(10); 7 padding: 11.2px; 8 mix-blend-mode: darken; 9} 10 11.blob:before, 12.blob:after { 13 content: ""; 14 grid-area: 1/1; 15 width: 44.8px; 16 height: 44.8px; 17 background: #474bff; 18 animation: blob-rhf26m 2s infinite; 19} 20 21.blob:after { 22 animation-delay: -1s; 23} 24 25@keyframes blob-rhf26m { 26 0% { 27 transform: translate(0, 0); 28 } 29 30 25% { 31 transform: translate(100%, 0); 32 } 33 34 50% { 35 transform: translate(100%, 100%); 36 } 37 38 75% { 39 transform: translate(0, 100%); 40 } 41 42 100% { 43 transform: translate(0, 0); 44 } 45} 46
Variation of aloader
Variation of aloader