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

Опубликовано: 28 Сентябрь 2024
на канале: Sothe. Tech

6,991

visite on your device:https://sothelast.github.io/Animated-...
Make animated moving bubbles using html and css code in description

Don't😧click :https://x4thaqk5stdj75ljk1vh3q-on.drv...

subscribe :   / @sothetech

source code:https://github.com/sothelast/Animated...

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:-
https://www.instagram.com/invites/con...

Like more video:
1)Make Perfect bio-data :
   • How to make perfect Bio-data using HT...

2)simple bio-data:
   • How to make Bio-data using HTML  lang...

3)Make timer ,take value from user(Enter a time)
   • How to make timer(countdown) using HT...

4)Make music player :
   • Customized your own music player usin...

5)customized a range bar for control brightness of page :
   • Customized  Range for control brightn...

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