Loader by doniaskima
#e8e8e8
1.loader { 2 width: fit-content; 3 font-weight: bold; 4 font-family: monospace; 5 white-space: pre; 6 font-size: 30px; 7 line-height: 1.2em; 8 height: 1.2em; 9 overflow: hidden; 10} 11 12.loader:before { 13 content: "Loading...\A⌰oading...\A⌰⍜ading...\A⌰⍜⏃ding...\A⌰⍜⏃⎅ing...\A⌰⍜⏃⎅⟟ng...\A⌰⍜⏃⎅⟟⋏g...\A⌰⍜⏃⎅⟟⋏☌...\A⌰⍜⏃⎅⟟⋏☌⟒..\A⌰⍜⏃⎅⟟⋏☌⟒⏁.\A⌰⍜⏃⎅⟟⋏☌⟒⏁⋔"; 14 white-space: pre; 15 display: inline-block; 16 animation: l39 1s infinite steps(11) alternate; 17} 18 19@keyframes l39 { 20 100% { 21 transform: translateY(-100%) 22 } 23}
658 views
658 views
MIT License