Loader by vinodjangid07
#e8e8e8
1.loader { 2 display: flex; 3 align-items: center; 4 justify-content: center; 5} 6.book-wrapper { 7 width: 150px; 8 height: fit-content; 9 display: flex; 10 align-items: center; 11 justify-content: flex-end; 12 position: relative; 13} 14.book { 15 width: 100%; 16 height: auto; 17 filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.137)); 18} 19.book-wrapper .book-page { 20 width: 50%; 21 height: auto; 22 position: absolute; 23 animation: paging 0.15s linear infinite; 24 transform-origin: left; 25} 26@keyframes paging { 27 0% { 28 transform: rotateY(0deg) skewY(0deg); 29 } 30 50% { 31 transform: rotateY(90deg) skewY(-20deg); 32 } 33 100% { 34 transform: rotateY(180deg) skewY(0deg); 35 } 36} 37
592 views
592 views
MIT License