DEV Community

Cover image for Bubble effect using only html and css
Divinector
Divinector

Posted on

Bubble effect using only html and css

Hello friends, In this blog, I am sharing a snippet based on how to create nice looking bubble animation effect using only HTML and CSS. First of all, I have taken a couple of span tags and gave them a particular height and width and a border-radius property to make them round. I gave a fixed position value and set an animation for them. Later I have given each of them left and an animation-delay value. After that, I have used CSS keyframes to create bubble animation.Download the code

Top comments (0)