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

1 vote192 views2 answers
Align div to right side of parent
CSS
55 votes201 views5 answers
Bootstrap 3 button
CSS
44 votes386 views5 answers
Breakpoint bootstrap
CSS Bootstrap
15 votes244 views3 answers
Put an border around an text in css
CSS
0 vote197 views1 answer
What is bulletproof buttons
CSS
25 votes201 views4 answers
Set visibility css
CSS
0 vote210 views1 answer
Css hero image
CSS
3 votes217 views4 answers
Css keep image ratio
CSS
0 vote248 views1 answer
Como diminuir uma imagem em css
CSS
9 votes197 views3 answers
How to add a background color in css
CSS