created moving car project

2 years ago · b74f30a2f0
parent 35868f971c
commit b74f30a2f0
7 changed files with 43 additions and 0 deletions
--- a/movingCar/image/carImage.png
+++ b/movingCar/image/carImage.png
--- a/movingCar/image/circle.png
+++ b/movingCar/image/circle.png
--- a/movingCar/image/city.png
+++ b/movingCar/image/city.png
--- a/movingCar/image/road.png
+++ b/movingCar/image/road.png
--- a/movingCar/image/sky-image.jpg
+++ b/movingCar/image/sky-image.jpg
--- a/movingCar/index.html
+++ b/movingCar/index.html
@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CarAnimation</title>
+    <link rel="stylesheet" href="./style.css">
+</head>
+
+<body>
+    <div class="main-bg"></div>
+</body>
+
+</html>
--- a/movingCar/style.css
+++ b/movingCar/style.css
@ -0,0 +1,28 @@
+*,
+body {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    direction: rtl;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+a {
+    text-decoration: none;
+}
+
+li,
+ol,
+ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.main-bg {
+    width: 100%;
+    height: 100vh;
+    background-image: url('./image/sky-image.jpg');
+    background-size: cover;
+    background-repeat: no-repeat;
+}