Loader by Shoh2008
#212121
1.loader { 2 width: 84px; 3 height: 84px; 4 position: relative; 5 overflow: hidden; 6} 7 8.loader:before , .loader:after { 9 content: ""; 10 position: absolute; 11 left: 50%; 12 bottom: 0; 13 width: 64px; 14 height: 64px; 15 border-radius: 50%; 16 background: yellow; 17 transform: translate(-50% , 100%) scale(0); 18 animation: push_4051 2s infinite ease-in; 19} 20 21.loader:after { 22 animation-delay: 1s; 23} 24 25@keyframes push_4051 { 26 0% { 27 transform: translate(-50% , 100%) scale(1); 28 } 29 30 15% , 25% { 31 transform: translate(-50% , 50%) scale(1); 32 } 33 34 50% , 75% { 35 transform: translate(-50%, -30%) scale(0.5); 36 } 37 38 80%, 100% { 39 transform: translate(-50%, -50%) scale(0); 40 } 41} 42
681 views
681 views
MIT License