Loader by Shoh2008
#212121
1.loader { 2 width: 215px; 3 height: 215px; 4 display: block; 5 margin: auto; 6 position: relative; 7 background: #FFF; 8 box-sizing: border-box; 9 border-radius: 10px; 10} 11 12.loader::after { 13 content: ''; 14 width: calc(100% - 30px); 15 height: calc(100% - 30px); 16 top: 15px; 17 left: 15px; 18 position: absolute; 19 background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5) 50%, transparent 100%), 20 radial-gradient(circle 50px , #DDD 100%, transparent 0), 21 linear-gradient(#DDD 16px, transparent 0), 22 linear-gradient(#DDD 24px, transparent 0); 23 background-repeat: no-repeat; 24 background-size: 75px 175px, 100% 100px, 80% 16px, 80% 16px; 25 background-position: -185px 0, center 10px, center 125px, center 155px; 26 box-sizing: border-box; 27 animation: animloader 1s linear infinite; 28} 29 30@keyframes animloader { 31 to { 32 background-position: 185px 0, center 10px, center 125px, center 155px; 33 } 34} 35
970 views
970 views
MIT License