.da-typewriter
Typewriter
Text / Classic. Loops until you remove the class. Adjust the timing, then copy it as CSS, a preprocessor mixin, an ES module, a custom element or a Tailwind class.
Text animation, 2.2 s, steps(13, jump-end), repeats forever.
Details
- Category
- Text / Classic
- Class
- .da-typewriter
- Trigger
- On load
- Duration
- 2.2s
- Delay
- 0s
- Easing
- steps(13, jump-end)
- Iterations
- infinite
- Infinite
- Yes
- Origin
- center
Snippets
typewriter.html
<link rel="stylesheet" href="https://cdn.htmltool.io/animations/1.0.0/css/animations/typewriter.min.css">
<div class="da-typewriter__tw da-typewriter">Hello, Motion</div>Press C while the code is focused to copy.