CSS HTML Animation of the main page of the site

Beautiful website page with animation. The effect of floating bubbles of different sizes. HTML CSS IMG

CSS HTML Animation of the main page of the site
CSS HTML Animation

Very nice floating bubble effect. The design is completely made on CSS and HTML without Java Script.

The source code and pictures can be downloaded from the link below.

HTML code

<div class="hero">
	 <div class="navbar">
	    <img src="logo.png" class="logo">
		<button type="button">Sing Up</button>
	 </div>
	 <div class="content">
	    <small>Welcome to our</small>
		<h1>Proweblab<br> site</h1>
		<button type="button">Take a templates</button>
	 </div>
	 <div class="side-bar">
	    <img src="menu.png" class="menu">
		
		<div class="social-links">
		 <img src="fb.png">
		 <img src="ig.png">
		 <img src="tw.png">
		</div>
		
		<div class="useful-links">
		 <img src="share.png">
		 <img src="info.png">
		</div>
	 </div>
	 
	 <div class="bubbles">
	    <img src="bubble.png">
		<img src="bubble.png">
		<img src="bubble.png">
		<img src="bubble.png">
		<img src="bubble.png">
		<img src="bubble.png">
		<img src="bubble.png">
	 </div>
	 
	</div>

 



on the site are taken from open sources. The site does not contain files for download. All links to files from open sources. Owners of copyrights to the material may request removal of the post from the site.


Buy me a coffee ----- Download -----