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

Update strasse

Browse Source
This commit is contained in:
structix
2019-05-09 09:28:18 +02:00
parent b817c5fea3
commit b230f2364a
1 changed files with 52 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
uebung2/strasse.html Normal file
View File

@@ -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>