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 vote180 views1 answer
Move scrollbar on element to right side
CSS
0 vote130 views2 answers
How to Reveal Content on Hover with Expanding Corner Tabs in Divi
CSS
6 votes135 views1 answer
Flex change order
CSS
6 votes126 views4 answers
Backdrop filter css
CSS
2 votes125 views1 answer
How to mirror object through css
CSS
1 vote142 views1 answer
Text-shadow
CSS
0 vote126 views2 answers
Bootstrap 4 scss angular 8
CSS
0 vote137 views1 answer
Css shape-outside
CSS
4 votes112 views2 answers
Amc
CSS
0 vote133 views1 answer
Bootstrap accessibility
CSS Bootstrap