Skip to content

Search htmltool.io

Search animations, patterns and icons

.da-letter-bounce-fast

Letter Bounce · Fast

Text / Letters. 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, 0.9 s, ease-in-out, repeats forever.

Timing
0.9 s
0 s
∞

Details

Category
Text / Letters
Class
.da-letter-bounce-fast
Trigger
On load
Duration
0.9s
Delay
0s
Easing
ease-in-out
Iterations
infinite
Infinite
Yes
Origin
bottom

Snippets

letter-bounce-fast.html
<link rel="stylesheet" href="https://cdn.htmltool.io/animations/1.0.0/css/animations/letter-bounce-fast.min.css">

<div class="da-letter-bounce-fast__bl"><span class="da-letter-bounce-fast">B</span><span class="da-letter-bounce-fast">o</span><span class="da-letter-bounce-fast">u</span><span class="da-letter-bounce-fast">n</span><span class="da-letter-bounce-fast">c</span><span class="da-letter-bounce-fast">e</span></div>

Press C while the code is focused to copy.