Loader by Shoh2008
#212121
1.loader { 2 position: relative; 3 border: 24px solid; 4 border-color: red transparent red transparent; 5 animation: rotate_000 2s linear infinite; 6} 7 8.loader:before, 9 .loader:after { 10 content: ""; 11 display: block; 12 border: 24px solid transparent; 13 border-left-color: red; 14 position: absolute; 15 left: -24px; 16 top: -24px; 17 animation: prix 1s infinite ease-in; 18 transform-origin: 0% 100%; 19} 20 21.loader:before { 22 border-color: transparent red transparent transparent; 23 transform-origin: 100% 0%; 24 animation-delay: 0.5s; 25} 26 27@keyframes rotate_000 { 28 100% { 29 transform: rotate(360deg) 30 } 31} 32 33@keyframes prix { 34 20% , 80% { 35 transform: rotate(0) 36 } 37 38 50% { 39 transform: rotate(-90deg) 40 } 41} 42
604 views
604 views
MIT License