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 vote250 views1 answer
Td wrap text without space
CSS
0 vote265 views3 answers
Svg background css
CSS
38 votes255 views3 answers
Cool ways to color a background with css
CSS
0 vote231 views1 answer
In flex-wrap remove last item margin for every row
CSS
0 vote235 views1 answer
Css transition only once
CSS
0 vote248 views1 answer
Woocommerce product_cat apply to custom post type
CSS
0 vote267 views1 answer
Css tr border radius
CSS
16 votes236 views1 answer
Css text vertical direction
CSS
0 vote264 views1 answer
Profile page html css template
CSS
0 vote256 views3 answers
Sphinx css templates
CSS