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

0 vote321 views1 answer
Css fixed bottom
CSS
0 vote319 views1 answer
Split group of flex item
CSS
8 votes309 views2 answers
Invert png color css
CSS
0 vote330 views1 answer
See css from site
CSS
0 vote293 views1 answer
Change image link css
CSS
66 votes306 views6 answers
How to center a div with position absolute
CSS
1 vote299 views1 answer
Scroll bottom css
CSS
11 votes306 views2 answers
Css line-clamp
CSS
11 votes315 views1 answer
Wrap none css
CSS
0 vote293 views1 answer
Dropright css
CSS