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 vote150 views1 answer
Float: down css
CSS
0 vote282 views2 answers
Html select image background arrow
CSS
1 vote374 views1 answer
Padding for text in html
CSS
23 votes111 views5 answers
Font weight css
CSS
2 votes155 views1 answer
Css align to left
CSS
1 vote148 views1 answer
Bootstrap card hover effect
CSS
1 vote157 views2 answers
Css select all immediate children
CSS
0 vote210 views1 answer
Progress bar bootstrap border
CSS Bootstrap
2 votes148 views1 answer
How to fix the footer at the bottom of the page
CSS
59 votes151 views6 answers
Css hover
CSS