Loader by Shoh2008
#212121
1.loader { 2 transform: translateZ(1px); 3} 4 5.loader:after { 6 content: '$'; 7 display: inline-block; 8 width: 48px; 9 height: 48px; 10 border-radius: 50%; 11 text-align: center; 12 line-height: 40px; 13 font-size: 32px; 14 font-weight: bold; 15 background: #FFD700; 16 color: #DAA520; 17 border: 4px double; 18 box-sizing: border-box; 19 box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .1); 20 animation: coin-flip 4s cubic-bezier(0, 0.2, 0.8, 1) infinite; 21} 22 23@keyframes coin-flip { 24 0%, 100% { 25 animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); 26 } 27 28 0% { 29 transform: rotateY(0deg); 30 } 31 32 50% { 33 transform: rotateY(1800deg); 34 animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); 35 } 36 37 100% { 38 transform: rotateY(3600deg); 39 } 40} 41
1K views
1K views
MIT License