Hello Guys wish You Very Very Very Very Very Happy New Year From Maa Blogger Guys Maa Blogger Pray to God for all of You may god complete your all wishes in this year once again Happy New Year
HTML Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Happy New Year 2021 From Maa Blogger</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="banner">
<div class="bubble">
<img src="https://banner.holidaypng.com/20201103/zoe/green-meter-design-for-new-year-5fa0d375110331.37695185.png" alt="">
<img src="https://freepngimg.com/thumb/happy_new_year/11-2-happy-new-year-png-file.png" alt="">
</div>
</div>
</body>
</html>
CSS Code
body {
margin: 0;
padding: 0;
background: url(https://static.toiimg.com/thumb/80029687.cms?width=680&height=512&imgsize=1007094);
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner
{
height: 100vh;
}
.banner:before
{
content: '';
height: 100vh;
width: 100vw;
position: absolute;
top: 0;
left: 0;
background: url(http://www.pngmart.com/files/5/Snow-Transparent-Background.png);
animation: animate 10s linear infinite;
}
@keyframes animate
{
0%
{
background-position: 0 0;
}
100%
{
background-position: 0 550px;
}
}
.bubble img
{
width: 50%;
animation: bubble 7s linear infinite;
}
.bubble
{
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
position: absolute;
bottom: -70;
}
@keyframes bubble
{
0%
{
transform: translatex(40vh);
opacity: 0;
}
50%{
opacity: 1;
}
70%
{
opacity: 1;
}
100%
{
transform: translateY(-50vh);
opacity: 0;
}
}
Posts
31 Comments
Kallu
ReplyDeleteVery nice
Wonderful 😊😊😊😊
ReplyDeleteHappy new year boss 🙏🙏🙏🙏
ReplyDeleteAwesomely
ReplyDeleteSuperb
ReplyDeleteExcellent
ReplyDeleteBrilliant idea
ReplyDeletePerfect
ReplyDeleteFantastic
ReplyDeleteAttractive
ReplyDeleteVery Interesting
ReplyDeletePerfect
ReplyDeleteWonderful
Perfect 👌 Wow
ReplyDeleteAttractive
ReplyDeleteWonderful Work On Blogger
ReplyDeleteHappy new year
ReplyDeleteSuperb
ReplyDeleteWishing you a very Happy New Year
ReplyDeleteGreat
ReplyDeleteHappy new year guys
ReplyDeletePerfect
ReplyDeleteBrilliant
ReplyDeleteWonderful
ReplyDeleteWow
ReplyDeleteHappy new year
Wonderful Happy New Year
ReplyDeleteAttractive
ReplyDeleteAwesome
ReplyDeleteSuper Quality Work
ReplyDeleteAwesome Work
ReplyDeleteSuper Quality Work
ReplyDeleteSuperb quality
ReplyDelete