Make animated moving bubbles using html, css only(code in description)

Make animated moving bubbles using html and css code in description

Add this code for get big bubbles :
.bub {
width: 130px;
height: 130px;
border: 1px solid white;
box-shadow: inset 5px -5px 10px white;
border-radius: 50%;
background-color: rgba(255, 255, 255, .01);
backdrop-filter: blur(2px);
position: absolute;
bottom: -100px;
/* animation: bubble 3s ease-in infinite; */
}

.bub::before {
position: absolute;
content: "";
background-color: white;
width: 20px;
height: 20px;
border-radius: 50%;
top: 25px;
right: 23px;
box-shadow: 0px 0px 20px white;
}

be a friend on instagram:-

Like more video:
1)Make Perfect bio-data :

2)simple bio-data:

3)Make timer ,take value from user(Enter a time)

4)Make music player :

5)customized a range bar for control brightness of page :

video:
how to make bubbles
how to make bubbles using html css
make a bubbles background
how to add bubbles in background page
add bubbles in background
make a bubble uisng htmk and css
how to add bubbles in background
animated bubbles for background web page

#bubble #htmlcss #background
#bubbles #Bubble #Bubbles
#html #css #htmlcss #makeabubble #balone
#sothetech #sothe #so #animationbabbles #animatedbubbles