diff --git a/uebung2/bootstrap.html b/uebung2/bootstrap.html index 086a077..9904dd2 100644 --- a/uebung2/bootstrap.html +++ b/uebung2/bootstrap.html @@ -63,20 +63,32 @@
-
- One of three columns +
+
+
+

+
+
+
+
+

+
+
-
- One of three columns -
-
- One of three columns +
+
    +
  • Cras justo odio
    • +
  • Dapibus ac facilisis in
    • +
  • Morbi leo risus
    • +
  • Porta ac consectetur ac
    • +
  • Vestibulum at eros
    • +
- + diff --git a/uebung2/strasse.html b/uebung2/strasse.html index a49b5a7..6b36bea 100644 --- a/uebung2/strasse.html +++ b/uebung2/strasse.html @@ -51,6 +51,14 @@ left: -40%; z-index: 1; //weiter vorne/hinten } + + .lefttoright-delay { + animation: fahren_rechts 10s linear infinite; + animation-delay: 4s; + 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: 4s; + bottom: 8%; + left: -40%; + transform: scaleX(-1); + z-index: 0; //weiter vorne/hinten + animation-direction: reverse; + } - + - +