How TO Build a Website -Full website downloader

How TO Build a Website -Full website downloader

How TO Build a Website -Full website downloader  


how to make animation effect in HTML/CSS


Hello friends first we link html css with hover effect in html css there is animation effect, you can create a file by looking at the code in it, from animation photo to wallpaper it rotates from 6 degrees celsius and then returns back Means very beautiful effect animation.

Meaning you are very beautiful friend, open your notepad, write whatever HTML file is in it and then I will open Notepad with "Control + S". wherever you have to do by cc-link you save the file named "index. html" in sim. Do and save it to Notepad Control Plus, after that you can open the file on Google in as many search engines as you want and all this work will be offline, not the net. No matter what you have, it will not be offline work now see the top of it can Inpliment very good effect very beautiful animation effect!

Full website html code, 
Full website downloader, 
Full website source code,
Full website code,
Full website design,

How to make animation effect in Html /Css

Save file in inside folder 

 index.html.

<!DOCTYPE html>
<html lang="en">
<head>  <meta charset="UTF-8">
        <title>shubham</title>
<link rel="stylesheet" href="css/style.css">
    
</head>
<body>
 <div class="wrapper">
 <div class="leaves">
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 <span></span>
 </div>
 </div>
</body> 

</html>




style.css.

body{
overflow: hidden;
}
.wrapper{
background-image: url(../22.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 800px;
}
.leaves{
text-align: center;
}
.leaves span{
display: inline-block;
background: url("../shuham.png");
margin: -344px 40px 55px 0;
animation: animate 10s infinite linear;
height:100vh;
background-size: cover;
}
.leaves span:nth-child(3n+2){
animation-delay: 1.3s;
}
.leaves span:nth-child(2n+5){
animation-delay: 1.5s;
}

.leaves span:nth-child(5n+5){
animation-delay: 1.1s;
}

.leaves span:nth-child(3n+10){
animation-delay: 2.3s;
}

.leaves span:nth-child(7n+2){
animation-delay: 3.5s;
}

.leaves span:nth-child(4n+5){
animation-delay: 5s;
}
.leaves span:nth-child(3n+7){
animation-delay: 7s;
}

@keyframes animate{
0%{
opacity: 1;
width: 80px;
height: 80px;
transform: translate(0,0) rotateZ(0deg);
opacity: 1;
}
70%{
width: 80px;
height: 80px;
transform: translate(100px,500px) rotateZ(270deg);
opacity: 1;
}
100%{
width: 80px;
height: 80px;
    opacity: 0;
transform: translate(120px,700px) rotateZ(360deg);
opacity: 1;
}

}

END

DOWWNLOAD Free This IMAGES:

How TO Build a Website -Full website downloaderHow TO Build a Website -Full website downloader
If you are interested in software developing and learning Html Course  go for contact Form  and fill the information.. Then we will contact you. Thank You Have a great day