UmbrUI: erstaunliches CSS3 Beispiel

Unglaublich aber wahr. Folgende Webseite demonstriert, was man schon jetzt mit CSS3 alles anstellen kann. Das Beispiel kommt ohne irgendein Javascript und komplett ohne Grafiken aus. Ich wiederhole noch ein Mal: Ohne Grafiken!

Nur mit HTML und CSS3.
(Achtung, nur Safari kann's richtig. Bei Chrome fehlt die 3D Perspektive, und Firefox, Opera und IE können's gar nicht ;-)



Die kleinen Icons werden mit Hilfe von Pictos Font realisiert. Und der eigentliche Markup sieht wirklich fast schon primitiv aus:

Dafür aber lohnt sich der Blick in den CSS-Code, der ziemlich kompliziert ist.

Jeder kann sehen, wie schön in der nahen Zukunft Webseiten aussehen könnten. Und sie laden dazu noch schneller. Vielleicht irgendwann werden wir IMG-Tags genau so verpönen, wie die heutzutage hoffnungslos veralteten Tabellen-Layouts. Wer weiß…