Skip to content

Search htmltool.io

Search animations, patterns and icons

.da-neon-flicker

Neon Flicker

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

Text animation, 2.5 s, linear, repeats forever.

Timing
2.5 s
0 s
∞

Details

Category
Text / Classic
Class
.da-neon-flicker
Trigger
On load
Duration
2.5s
Delay
0s
Easing
linear
Iterations
infinite
Infinite
Yes
Origin
center

Snippets

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

<div class="da-neon-flicker__neon da-neon-flicker">NEON</div>

Press C while the code is focused to copy.