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

2
uebung2/bootstrap.html
View File

@@ -77,7 +77,7 @@
</div> </div>
<div class="col-sm-4"> <div class="col-sm-4">
<ul class="list-group"> <ul class="list-group">
<li class="list-group-item-dark" aria-disabled="true">Cras justo odio</li> <li class="list-group-item-dark">Cras justo odio</li>
<li class="list-group-item-dark">Dapibus ac facilisis in</li> <li class="list-group-item-dark">Dapibus ac facilisis in</li>
<li class="list-group-item-dark">Morbi leo risus</li> <li class="list-group-item-dark">Morbi leo risus</li>
<li class="list-group-item-dark">Porta ac consectetur ac</li> <li class="list-group-item-dark">Porta ac consectetur ac</li>

22
uebung2/strasse.html
View File

@@ -51,6 +51,14 @@
left: -40%; left: -40%;
z-index: 1; //weiter vorne/hinten 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 { .righttoleft {
animation: fahren_links 10s linear infinite; animation: fahren_links 10s linear infinite;
@@ -60,13 +68,23 @@
z-index: 0; //weiter vorne/hinten z-index: 0; //weiter vorne/hinten
animation-direction: reverse; 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> </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="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="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> </body>
</html> </html>