.da-grid-reveal-4-4-pop
Grid Reveal 4×4 · Pop
Sequences / Grid. Runs once when the class is added. Adjust the timing, then copy it as CSS, a preprocessor mixin, an ES module, a custom element or a Tailwind class.
Sequences animation, 0.5 s, cubic-bezier(0.34, 1.56, 0.64, 1).
Details
- Category
- Sequences / Grid
- Class
- .da-grid-reveal-4-4-pop
- Trigger
- On load
- Duration
- 0.5s
- Delay
- 0s
- Easing
- cubic-bezier(0.34, 1.56, 0.64, 1)
- Iterations
- 1
- Infinite
- No
- Origin
- center
Snippets
grid-reveal-4-4-pop.html
<link rel="stylesheet" href="https://cdn.htmltool.io/animations/1.0.0/css/animations/grid-reveal-4-4-pop.min.css">
<div class="da-grid-reveal-4-4-pop__grid9"><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i><i class="da-grid-reveal-4-4-pop"></i></div>Press C while the code is focused to copy.