How To Create a Simple Animation | Moving Car With Html
Here in this HTML And CSS tutorial I will create one webpage with CSS Animation effect, where I will add one car that looks like moving or running on the road the help for CSS animation
Step 1..
<!DOCTYPE html>
<html lang="en">
<head>
<title>car animation</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
</body>
</html>
Step 2..
Add 1st image
body{
background-image:url(1.jpg) ;
height: 100vh;
background-size: cover;
background-position: center;
}
Step 3..
Add 2nd image
<!DOCTYPE html>
<html lang="en">
<head>
<title>car animation</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<marquee direction="right"><img src="1.png" width="40%"/></marquee>
</body>
</html>
Step 4..
body{
background-image:url(1.jpg) ;
height: 100vh;
background-size: cover;
background-position: center;
}
marquee{
position: absolute;
bottom: 0px;
}
Output--
Post a Comment