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 vote146 views1 answer
Materialisecss
CSS
66 votes124 views6 answers
Rotate element css
CSS
32 votes135 views6 answers
Css font face
CSS
0 vote125 views1 answer
Wkhtmltopdf remove thead repeating
CSS
0 vote84 views0 answer
CSS
-1 vote129 views1 answer
Css backdrop filter grayscale
CSS
0 vote120 views1 answer
Css mauszeiger ändern
CSS
0 vote133 views1 answer
Css psedou content data
CSS
7 votes147 views2 answers
Vue sass loader
CSS
0 vote126 views1 answer
How to add a pure css loading spinner
CSS