Loader by Shoh2008
#212121
1.loader { 2 font-size: 48px; 3 display: inline-block; 4 font-family: Arial, Helvetica, sans-serif; 5 font-weight: bold; 6 color: #FFF; 7 letter-spacing: 2px; 8 position: relative; 9 box-sizing: border-box; 10} 11 12.loader::after { 13 content: 'Loading'; 14 position: absolute; 15 left: 0; 16 top: 0; 17 color: #263238; 18 text-shadow: 0 0 2px #FFF, 0 0 1px #FFF, 0 0 1px #FFF; 19 width: 100%; 20 height: 100%; 21 overflow: hidden; 22 box-sizing: border-box; 23 animation: animloader 6s linear infinite; 24} 25 26@keyframes animloader { 27 0% { 28 height: 100%; 29 } 30 31 100% { 32 height: 0%; 33 } 34}
1.3K views
1.3K views
MIT License