Wraz z wprowadzeniem CSS3 uzyskaliśmy niemal nieograniczone możliwości stylowania i animowania elementów. W tym artykule skupimy się na wykorzystaniu tych możliwości w typografii. Poznasz 14 przykładów, które wykorzystują CSS3 do uzyskania niesamowitych efektów.
Uwaga: część z poniższych przykładów wykorzystuje reguły, które nie są wspierane we wszystkich przeglądarkach. Przed użyciem ich w projekcie upewnij się, że efekty są kompatybilne z nowszymi przeglądarkami.
COSMOS
Autor: Patrick Brosset
1
Squiggly
Autor: Lucas Bebber
1
Przezroczysty tekst
Autor: Marco Barría
1
Tekst w stylu Vintage
Autor: Henrique Zambonin
1
Elastyczne kreski
Autor: yoksel
1
Przecięty tekst
Autor: Robert Messerle
1
Zakłócenia
Autor: Dirk Weber
1
Otwierająca się litera
Autor: Diego Pardo
1
Typografia 3D
Autor: Noah Blon
1
Reguła background-clip
Autor: Jintos
1
Tekst wypełniający się wodą
Autor: xiaodong
1
Magnetype
Autor: Bennett Feely
1
Przerywany cień
Autor: Lucas Bebber
1
Animowany gradient
Autor: vavik
1
Shadow
Autor: Jorge Epuñan
1
CSS Text 3d effect
Autor: Luke Meyrick
1
CSS3 Isometric Text Effect
Autor: vavik
1
Napisz w komentarzu, który efekt spodobał Ci się najbardziej 🙂
„Otwierająca się litera”, istny opad szczęki, jak coś tak banalnie prostego może zachwycić – oczywiście developera, bo przeciętna osoba może nie zwrócić na to uwagi 🙂