Animations
Animations
Every tile is the real CSS class from the CDN. Only tiles on screen animate. Open one for timing controls and snippets.
Loading animations…
Animations
.da-wave-letters
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, 1.4 s, ease-in-out, repeats forever.
<link rel="stylesheet" href="https://cdn.htmltool.io/animations/1.0.0/css/animations/wave-letters.min.css">
<div class="da-wave-letters__wave"><span class="da-wave-letters">W</span><span class="da-wave-letters">a</span><span class="da-wave-letters">v</span><span class="da-wave-letters">e</span><span class="da-wave-letters">!</span></div>Press C while the code is focused to copy.