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 vote274 views1 answer
How to change the underline thickness in css
CSS
12 votes284 views4 answers
Padding in one line
CSS
55 votes274 views4 answers
Hover effects css
CSS
32 votes316 views6 answers
Alert bootstrap
CSS
1 vote273 views1 answer
Scroll bottom css
CSS
1 vote281 views1 answer
Font awesome eyes
CSS
-1 vote268 views1 answer
Css border image property
CSS
5 votes268 views3 answers
Change color of bullet points css
CSS
1 vote280 views1 answer
How to make a relative div not take up space
CSS
0 vote274 views1 answer
Css convert td to tr
CSS