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

5 votes110 views3 answers
CSS RESPONSIVE
CSS
0 vote155 views1 answer
Progress bar bootstrap border
CSS Bootstrap
0 vote108 views1 answer
Text area resize css
CSS
38 votes147 views3 answers
Media breakpoints
CSS
1 vote113 views1 answer
Vendor prefix in css
CSS
0 vote113 views1 answer
Background pulled to corner on small screens
CSS
0 vote135 views1 answer
Ion-split-pane width
CSS
0 vote121 views1 answer
Css contain property
CSS
0 vote143 views1 answer
Css absolute from center and not corner
CSS
1 vote102 views1 answer
Mos css
CSS