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

Update

Browse Source
This commit is contained in:
structix
2019-05-12 22:42:28 +02:00
parent 9e38cc69ec
commit 2a0d61eef8
2 changed files with 21 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
uebung2/strasse.html
View File

@@ -51,6 +51,14 @@
left: -40%;
z-index: 1; //weiter vorne/hinten
}
.lefttoright-delay {
animation: fahren_rechts 10s linear infinite;
animation-delay: 2s;
bottom: -5%;
left: -40%;
z-index: 1; //weiter vorne/hinten
}
.righttoleft {
animation: fahren_links 10s linear infinite;
@@ -60,13 +68,23 @@
z-index: 0; //weiter vorne/hinten
animation-direction: reverse;
}
.righttoleft-delay {
animation: fahren_links 10s linear infinite;
animation-delay: 2s;
bottom: 8%;
left: -40%;
transform: scaleX(-1);
z-index: 0; //weiter vorne/hinten
animation-direction: reverse;
}
</style>
</head>
<body>
<img class="lefttoright" src="/~zxmpy88/uebung2/assets3/car1.svg">
<img class="delay lefttoright" src="/~zxmpy88/uebung2/assets3/car2.svg">
<img class="lefttoright-delay" src="/~zxmpy88/uebung2/assets3/car2.svg">
<img class="righttoleft" src="/~zxmpy88/uebung2/assets3/car3.svg">
<img class="delay righttoleft" src="/~zxmpy88/uebung2/assets3/car4.svg">
<img class="righttoleft-delay" src="/~zxmpy88/uebung2/assets3/car4.svg">
</body>
</html>