Update strasse

2019-05-09 09:28:18 +02:00
parent b817c5fea3
commit b230f2364a
1 changed files with 52 additions and 0 deletions
--- a/uebung2/strasse.html
+++ b/uebung2/strasse.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<head>
+        <title>Straße</title>
+        <style>
+                html {
+                        width: 100%;
+                        height: 100%;
+
+                }
+               body {
+                        background-image: url("/~zxmpy88/uebung2/assets/background.svg");
+                        background-size: auto 100%;
+                        background-repeat: repeat-x;
+                        overflow: hidden;
+                }
+
+                img {
+                         width: 40%
+                         height: 40%;
+                         position: absolute;
+                         bottom: -5%;
+                         animation: fahren 10s linear infinite;
+                         transform: scaleX(-1);
+                         z-index: 1; //weiter vorne/hinten
+                }
+
+                @keyframe fahren {
+                        0% {
+                                left: -40%;
+                        }
+
+                        100% {
+                                left: 100%;
+                        }
+                }
+
+                .delay {
+                        animation-delay: 2s;
+                        animation-direction: reverse;
+                }
+        </style>
+</head>
+<body>
+        <img src="/~zxmpy88/uebung2/assets3/car1.svg">
+        <img class="delay" src="/~zxmpy88/uebung2/assets3/car1.svg">
+
+
+
+
+
+</body>
+</html>