CSS Counter
Home
Snippets
CSS Counter
HTML
CSS
JS
<h1></h1>
* { padding: 0; margin: 0; font-family: sans-serif; } body { background-color: #02A9EA; display: grid; place-content: center; height: 100vh; width: 100vw; overflow: hidden; } h1 { font-size: 160px; position: relative; &:after, &:before { content: '1'; color: transparent; display: block; -webkit-text-stroke: 6px #fff; animation: numbers 5s forwards infinite; text-shadow: -10px -1px 0 #1FB3EE, } &:after { position: absolute; top: 100%; transform: rotateX(65deg) scale(3); filter: blur(11px); } } @keyframes numbers { 0% { content: '1'; } 20% { content: '2'; } 40% { content: '3'; } 60% { content: '4'; } 80% { content: '5'; } 100% { content: '1'; } }
// javascript
Ad #1
Ad #2
Scroll to Top