Update

2019-05-09 12:57:36 +02:00
parent 9ccf8847e2
commit 8407ace8d0
1 changed files with 19 additions and 1 deletions
--- a/uebung2/strasse.html
+++ b/uebung2/strasse.html
@@ -31,6 +31,16 @@
                        }
                }

+                @keyframes fahren_links {
+                        0% {
+                                left: 100%;
+                        }
+
+                        100% {
+                                left: -40%;
+                        }
+                }
+
                .delay {
                        animation-delay: 2s;
                        animation-direction: reverse;
@@ -44,11 +54,19 @@
                         //transform: scaleX(-1);
                         z-index: 1; //weiter vorne/hinten
                }
+
+                .righttoleft {
+                         animation: fahren_links 10s linear infinite;
+                         bottom: -5%;
+                         left: -40%
+                         transform: scaleX(-1);
+                         z-index: 0; //weiter vorne/hinten
+                }
        </style>
 </head>
 <body>
        <img class="lefttoright" src="/~zxmpy88/uebung2/assets3/car1.svg">
-        <img class="lefttoright delay" src="/~zxmpy88/uebung2/assets3/car2.svg">
+        <img class="righttoleft delay" src="/~zxmpy88/uebung2/assets3/car2.svg">

 </body>
 </html>