structix/intecsync
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update

Browse Source
This commit is contained in:
structix
2019-05-09 12:57:36 +02:00
parent 9ccf8847e2
commit 8407ace8d0
1 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
uebung2/strasse.html
View File

@@ -31,6 +31,16 @@
} }
} }
@keyframes fahren_links {
0% {
left: 100%;
}
100% {
left: -40%;
}
}
.delay { .delay {
animation-delay: 2s; animation-delay: 2s;
animation-direction: reverse; animation-direction: reverse;
@@ -44,11 +54,19 @@
//transform: scaleX(-1); //transform: scaleX(-1);
z-index: 1; //weiter vorne/hinten 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> </style>
</head> </head>
<body> <body>
<img class="lefttoright" src="/~zxmpy88/uebung2/assets3/car1.svg"> <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> </body>
</html> </html>