Loader by mobinkakei
#212121
1.loader { 2 position: relative; 3 width: 60px; 4 height: 60px; 5 background: #a19dad; 6 transform: rotateX(65deg) rotate(45deg); 7 // remove bellows command for perspective change 8 //transform: perspective(200px) rotateX(65deg) rotate(45deg); 9 color: #fff; 10 animation: layers1 1s linear infinite alternate; 11} 12.loader:after { 13 content: ""; 14 position: absolute; 15 inset: 0; 16 background: rgba(255, 255, 255, 0.7); 17 animation: layerTr 1s linear infinite alternate; 18} 19 20@keyframes layers1 { 21 0% { 22 box-shadow: 0px 0px 0 0px; 23 } 24 90%, 25 100% { 26 box-shadow: 20px 20px 0 -4px; 27 } 28} 29@keyframes layerTr { 30 0% { 31 transform: translate(0, 0) scale(1); 32 } 33 100% { 34 transform: translate(-25px, -25px) scale(1); 35 } 36} 37
404 views
404 views
MIT License