Tailwind icon animation

<span class="flex h-3 w-3">
  <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-purple-400 opacity-75"></span>
  <span class="relative inline-flex rounded-full h-3 w-3 bg-purple-500"></span>
</span>

Source: tailwindcss.com

Similar codes

5 votes248 views2 answers
Remove bootstrap button outline
CSS Bootstrap
11 votes226 views1 answer
Html no cursor when link
CSS
0 vote238 views2 answers
Svg as background css
CSS
22 votes192 views4 answers
Centering with flexbox
CSS
-6 votes225 views7 answers
Css flex
CSS
2 votes155 views1 answer
Alignitems
CSS
4 votes178 views2 answers
Amc
CSS
2 votes184 views2 answers
Css glow on hover
CSS
0 vote292 views1 answer
Template html css bootstrap cdn
CSS Bootstrap
1 vote198 views2 answers
How to middle fixed element
CSS