DEV Community

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

Posted on

1

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)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs