Skip to content

Search htmltool.io

Search animations, patterns and icons

.da-equalizer

Equalizer

Loaders / 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.

Loaders animation, 1 s, ease-in-out, repeats forever.

Timing
1 s
0 s
∞

Details

Category
Loaders / Classic
Class
.da-equalizer
Trigger
On load
Duration
1s
Delay
0s
Easing
ease-in-out
Iterations
infinite
Infinite
Yes
Origin
bottom

Snippets

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

<div class="da-equalizer__eq"><i class="da-equalizer"></i><i class="da-equalizer"></i><i class="da-equalizer"></i><i class="da-equalizer"></i><i class="da-equalizer"></i></div>

Press C while the code is focused to copy.

Spinner Ring
Loadersloop
Dual Ring
Loadersloop
Bouncing Dots
Loadersloop
Pulse Dots
Loadersloop
Ripple
Loadersloop
Flip Square
Loadersloop
Progress Bar
Loadersloop
Skeleton Shimmer
Loadersloop
Orbit
Loadersloop