Loader by FWDJc
#e8e8e8
1.eye-lid { 2 background-color: rgb(0, 0, 0); 3 border-radius: 50%; 4 display: flex; 5 justify-content: center; 6 align-items: center; 7 box-shadow: 0 9px 0 2px rgba(0, 0, 0, 0.2); 8 width: 150px; 9 height: 150px; 10} 11 12.eye { 13 background-color: #fffcf4; 14 border-radius: 50%; 15 transform: translate3d(0, 0, 0) rotate(90deg); 16 width: 120px; 17 height: 120px; 18 animation: eye 5s infinite; 19} 20 21@keyframes eye { 22 12%, 23 25% { 24 width: 100px; 25 height: 110px; 26 } 27 28 37%, 29 50% { 30 width: 60px; 31 height: 130px; 32 } 33 34 63%, 35 75% { 36 width: 100px; 37 height: 103px; 38 } 39 40 87% { 41 width: 100px; 42 height: 100px; 43 } 44} 45 46.cornea { 47 position: absolute; 48 top: 50%; 49 left: 50%; 50 transform: translate(-50%, -50%); 51 background-color: rgb(0, 0, 0); 52 border-radius: 50%; 53 width: 50px; 54 height: 50px; 55 animation: eye-color 5s infinite; 56} 57 58@keyframes eye-color { 59 63%, 75% { 60 background-color: rgb(137, 1, 1); 61 } 62} 63 64.white-pupil { 65 position: absolute; 66 top: 70%; 67 left: 10%; 68 border-radius: 50%; 69 background-color: #fffcf4; 70 width: 20px; 71 height: 20px; 72}
734 views
734 views
Variations
1 MIT License