Aus dem Kurs: Responsive Webdesign: Bilder und Videos

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

CSS statt Bilder

CSS statt Bilder

Aus dem Kurs: Responsive Webdesign: Bilder und Videos

Gratismonat starten Für Ihr Team erwerben

CSS statt Bilder

“

Eine Reihe von Effekten lässt sich auch ganz ohne Bilder erzielen und der Vorteil, wenn Sie solche Effekte mit CSS machen und nicht mit Bildern, ist, dass die CSS-Effekte immer scharf sind auf allen Displays und dass Sie außerdem Download-Zeit sparen. Beispielsweise gibt es sehr schöne CSS-Effekte über text-shadow. Sie sehen ein paar Beispiele und alle haben gemeinsam: keine Bilder, nur CSS. Ebenfalls dieser Effekt ist nicht mithilfe von Bildern realisiert, sondern über CSS. Im Beispiel wird box-shadow verwendet und Pseudoelemente, die gedreht werden. Wenn Sie ausgefallene Schriften wollen, dann ist ein Dienst wie Google Fonts nützlich. Für ungewöhnliche Schriftzüge braucht man deswegen auch keine Bilder, sondern kann einen Webfont nutzen. Und wenn Sie die Schriften lieber lokal abspeichern wollen, dann können Sie einen Dienst wie google-webfonts-helper nutzen. Sie wählen die Schrift aus, die Sie haben wollen, bestätigen die Einstellungen und dann können Sie die Dateien herunterladen…

Inhalt