Loader by BlagaDavid74257
#1a1a1a
1.loading-container { 2 position: relative; 3 width: 100px; 4 height: 100px; 5} 6 7.loader { 8 width: 100px; 9 height: 100px; 10 border: 10px solid transparent; 11 border-top-color: #fff; 12 border-radius: 50%; 13 animation: spin 1s linear infinite; 14} 15 16.spinner { 17 position: absolute; 18 top: 50%; 19 left: 50%; 20 transform: translate(-50%, -50%); 21 width: 50px; 22 height: 50px; 23 background-color: #fff; 24 border-radius: 50%; 25 animation: pulse 1.5s infinite alternate; 26} 27 28@keyframes spin { 29 to { 30 transform: rotate(360deg); 31 } 32} 33 34@keyframes pulse { 35 from { 36 transform: scale(1); 37 opacity: 1; 38 } 39 to { 40 transform: scale(1.2); 41 opacity: 0.5; 42 } 43} 44
140 views
140 views
MIT License