224 views
1.loader { 2 display: inline-block; 3 position: relative; 4 width: 80px; 5 height: 80px; 6 animation: loader_513 2s linear infinite; 7} 8 9.shape { 10 position: absolute; 11 top: 0; 12 left: 0; 13 width: 80px; 14 height: 80px; 15 border-radius: 15px; 16} 17 18.shape { 19 background-color: rgb(31, 1, 164); 20 animation: rectangle_513 4s linear infinite; 21 animation-delay: 2s; 22} 23 24@keyframes loader_513 { 25 0% { 26 transform: rotate(0deg); 27 } 28 29 100% { 30 transform: rotate(360deg); 31 } 32} 33 34@keyframes rectangle_513 { 35 0% { 36 transform: scale(1, 1); 37 border-radius: 15px; 38 } 39 40 25% { 41 border-radius: 30px; 42 box-shadow: 0px 0px 5px rgba(133, 133, 133, 0.523); 43 background-color: rgb(13, 60, 189); 44 transform: scale(0.9); 45 } 46 47 50% { 48 border-radius: 20px; 49 transform: scale(1.4); 50 box-shadow: 2px 5px 50px rgba(90, 90, 90, 0.206); 51 } 52} 53
guilhermeyohan
Guilherme Yohan
MIT License