One-Pager ohne JavaScript - 3
(weiche Übergänge)

Logo der WM 2014, Quelle: Wikipedia

Gruppen

Wie viele Bilder hat diese Seite? - Auflösung

Gruppe A

Brasilien
Kroatien
Mexiko
Kamerun

Gruppe B

Spanien
Niederlande
Chile
Australien
  ✸

    ★

Gruppe C

Kolumbien
Elfenbeinküste
Griechenland
Japan

Gruppe D

Uruguay
Costa Rica
England
Italien

Gruppe E

Schweiz
Ecuador
Frankreich
Honduras

Gruppe F

Argentinien
Bosnien
Iran
Nigeria

Gruppe G

Deutschland
Portugal
Ghana
USA

Gruppe H

Belgien
Algerien
Russland
Südkorea

Das Wunder von Mineirão

08.Juli 2014 im Mineirão Stadion in Belo Horizonte

Deutschland

7

Brasilien

1

Das Finale

13.Juli 2014 im Maracanã Stadium in Rio de Janeiro

Deutschland

1

Argentinien

0

Wie viele Bilder waren es?

Genau genommen, kein einziges!

Diese Flaggen wurden nur durch die passenden CSS-Definitionen erzeugt.
Trikoloren erfordern einen einzigen linear-gradient() , kompliziertere Muster
benötigen die Pseudo-Elemente :after und :before.

Heute, da der IE8 mittlerweile als ausgestorben gilt, könnte man diese Effekte
mit SVG noch einfacher und genauer realisieren.

In diesem Selfhtml Wiki-Artikel wird die Funktionsweise der One-Page-Webseite erklärt.