Skip to content

Search htmltool.io

Search animations, patterns and icons

.da-skeleton-shimmer

Skeleton Shimmer

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.4 s, linear, repeats forever.

Timing
1.4 s
0 s
∞

Details

Category
Loaders / Classic
Class
.da-skeleton-shimmer
Trigger
On load
Duration
1.4s
Delay
0s
Easing
linear
Iterations
infinite
Infinite
Yes
Origin
center

Snippets

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

<div class="da-skeleton-shimmer__sk"><div class="da-skeleton-shimmer"></div><div class="da-skeleton-shimmer"></div><div class="da-skeleton-shimmer da-skeleton-shimmer__short"></div></div>

Press C while the code is focused to copy.

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