7 geniale CSS-Hacks – mit Code zum Nachbauen

Selbst wenn man als Designer oder Frontend-Entwickler durch die tägliche Praxis mit Cascading Style Sheets einigermaßen vertraut ist, gibt es immer wieder die eine oder andere, vielleicht eher unbekannte CSS-Eigenschaft, die plötzlich ungeahnte kreative Freiheit offenbart, um das Layout attraktiver zu gestalten.

CSS hat das Web grundlegend verändert. Mussten die Darstellungsanweisungen für Layout, Typografie und Co früher mühsam im HTML-Dokument programmiert werden, hat die Stylesheet-Sprache innerhalb kürzester Zeit dafür gesorgt, diese unflexible Gestaltungsmethode gehörig aufzumöbeln. Und kontinuierlich kommen neue Properties hinzu, denn Entwickler haben erkannt: Schon für die bessere Performance gehören Gegenwart und Zukunft den Webstandards und damit der getrennten Behandlung von Inhalt und Gestaltung.

Um Ihnen ein wenig Inspiration zu geben, haben wir ausgewählte CSS-Experten gebeten, ungewöhnliche CSS-Tricks auszusuchen und deren Effekt zu erläutern. Damit sich die Beispiele in die Praxis umsetzen lassen, können Sie zu jedem der sieben Tipps den Codeschnipsel für den praktischen Nachvollzug downloaden.

1. Sauber umrandet: CSS Text Stroke und Text Shadow

Gemeinsam genutzt, bilden die CSS-Eigenschaften Text Stroke und Text Shadow die perfekte Lösung für ästhetisch anmutende browserkompatible Textumrandungen.