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

2 votes106 views1 answer
Make blur with css
CSS
50 votes102 views5 answers
Css reset style
CSS
2 votes114 views1 answer
Large input box bootstrap 4
CSS
0 vote102 views1 answer
Typora rtl
CSS
0 vote116 views1 answer
Align links to right css
CSS
0 vote106 views1 answer
How to make focus outline round in html
CSS
0 vote94 views1 answer
Sticky header not working chrome
CSS
0 vote174 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote126 views1 answer
Shorthand notation of declaring top, right, bottom, left position
CSS
2 votes105 views1 answer
Bootstrap 5 auto darkmode 5
CSS