.da-bar-chart-build-4-spring
Bar Chart Build ×4 · Spring
Sequences / Chart. 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.9 s, linear(0, 0.058, 0.197, 0.38, 0.577, 0.763, 0.923, 1.046, 1.13, 1.178, 1.194, 1.186, 1.16, 1.126, 1.087, 1.051, 1.019, 0.994, 0.977, 0.966, 0.962, 0.963, 0.968, 0.975, 0.982, 0.989, 0.996, 1.001, 1.004, 1.006, 1.007, 1.007, 1.006, 1.005, 1.004, 1.002, 1.001, 1, 0.999, 0.999, 0.999, 0.999, 0.999, 0.999, 0.999, 1, 1, 1).
Details
- Category
- Sequences / Chart
- Class
- .da-bar-chart-build-4-spring
- Trigger
- On load
- Duration
- 0.9s
- Delay
- 0s
- Easing
- linear(0, 0.058, 0.197, 0.38, 0.577, 0.763, 0.923, 1.046, 1.13, 1.178, 1.194, 1.186, 1.16, 1.126, 1.087, 1.051, 1.019, 0.994, 0.977, 0.966, 0.962, 0.963, 0.968, 0.975, 0.982, 0.989, 0.996, 1.001, 1.004, 1.006, 1.007, 1.007, 1.006, 1.005, 1.004, 1.002, 1.001, 1, 0.999, 0.999, 0.999, 0.999, 0.999, 0.999, 0.999, 1, 1, 1)
- Iterations
- 1
- Infinite
- No
- Origin
- bottom
Snippets
bar-chart-build-4-spring.html
<link rel="stylesheet" href="https://cdn.htmltool.io/animations/1.0.0/css/animations/bar-chart-build-4-spring.min.css">
<div class="da-bar-chart-build-4-spring__chart"><i class="da-bar-chart-build-4-spring"></i><i class="da-bar-chart-build-4-spring"></i><i class="da-bar-chart-build-4-spring"></i><i class="da-bar-chart-build-4-spring"></i></div>Press C while the code is focused to copy.