.da-wave-grid-5-5-slow
Wave Grid 5×5 · Slow
Sequences / Grid. 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.
Sequences animation, 1.9 s, ease-in-out, repeats forever.
Details
- Category
- Sequences / Grid
- Class
- .da-wave-grid-5-5-slow
- Trigger
- On load
- Duration
- 1.9s
- Delay
- 0s
- Easing
- ease-in-out
- Iterations
- infinite
- Infinite
- Yes
- Origin
- center
Snippets
wave-grid-5-5-slow.html
<link rel="stylesheet" href="https://cdn.htmltool.io/animations/1.0.0/css/animations/wave-grid-5-5-slow.min.css">
<div class="da-wave-grid-5-5-slow__wgrid"><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i><i class="da-wave-grid-5-5-slow"></i></div>Press C while the code is focused to copy.