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 vote140 views2 answers
Adding font in nextjs
CSS
0 vote136 views3 answers
Css make div one line
CSS
0 vote147 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
48 votes138 views6 answers
Media query min max
CSS
5 votes150 views3 answers
How to change radio button color
CSS
4 votes280 views1 answer
Css add dots if text too long
CSS
1 vote137 views1 answer
Ion-item no padding ionic 4
CSS
258 votes363 views6 answers
ForEach
CSS
2 votes99 views2 answers
Box shadow all sides w3schools
CSS
0 vote126 views1 answer
Css gradient 3 color
CSS