Loader by Shoh2008
#212121
1.lds-hourglass { 2 display: inline-block; 3 position: relative; 4 width: 80px; 5 height: 80px; 6} 7 8.lds-hourglass:after { 9 content: " "; 10 display: block; 11 border-radius: 50%; 12 width: 0; 13 height: 0; 14 margin: 8px; 15 box-sizing: border-box; 16 border: 32px solid #fff; 17 border-color: #fff transparent #fff transparent; 18 animation: lds-hourglass 1.2s infinite; 19} 20 21@keyframes lds-hourglass { 22 0% { 23 transform: rotate(0); 24 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 25 } 26 27 50% { 28 transform: rotate(900deg); 29 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 30 } 31 32 100% { 33 transform: rotate(1800deg); 34 } 35} 36
738 views
738 views
MIT License