Skip to content

Search htmltool.io

Search animations, patterns and icons

.da-pulse-dots

Pulse Dots

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.2 s, ease-in-out, repeats forever.

Timing
1.2 s
0 s
∞

Details

Category
Loaders / Classic
Class
.da-pulse-dots
Trigger
On load
Duration
1.2s
Delay
0s
Easing
ease-in-out
Iterations
infinite
Infinite
Yes
Origin
center

Snippets

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

<div class="da-pulse-dots__pd"><i class="da-pulse-dots"></i><i class="da-pulse-dots"></i><i class="da-pulse-dots"></i></div>

Press C while the code is focused to copy.

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