HTML5 & CSS3 (Prags)

18 Schatten, Verläufe und Transformationen

Abgerundete Ecken genießen natürlich eine Menge Ansehen, aber das ist nur der Anfang. Wir können noch viel mehr mit CSS3 machen: Elemente mit Schlagschatten vom restlichen Inhalt abheben, Hintergründe mit Verläufen definierter aussehen lassen und Elemente mit Transformationen rotieren. Kombinieren wir einige dieser Techniken, um ein Banner für die in Kürze stattfindende AwesomeConf zusammenzubasteln – eine Messe und Konferenz, die AwesomeCo jedes Jahr veranstaltet. Der Grafikdesigner hat ein PSD geschickt, das wie die Abbildung 8.3 aussieht. Wir können das Namensschild, den Schatten und sogar die Transparenz vollständig in CSS erstellen. Vom Grafikdesigner brauchen wir lediglich das Hintergrundbild mit ...