Skip to Main Content
CSS: The Definitive Guide, 5. Auflage
book

CSS: The Definitive Guide, 5. Auflage

by Eric Meyer, Estelle Weyl
September 2024
Intermediate to advanced content levelIntermediate to advanced
1128 pages
32h 49m
German
O'Reilly Media, Inc.
Book available
Content preview from CSS: The Definitive Guide, 5. Auflage

Kapitel 9. Farbverläufe

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com

Drei von CSS definierte Bildtypen werden vollständig mit CSS beschrieben: lineare Verläufe, radiale Verläufe und konische Verläufe. Jeder Typ hat zwei Untertypen: sich wiederholende und nicht wiederholende Verläufe. Verläufe werden am häufigsten in Hintergründen verwendet, obwohl sie in jedem Kontext eingesetzt werden können, in dem ein Bild zulässig ist - wie zum Beispiel in list-style-image und border-image.

Ein Farbverlauf ist ein visueller Übergang von einer Farbe zur anderen. Ein Farbverlauf von Gelb nach Rot beginnt mit Gelb, verläuft über weniger Gelb, rötlichere Orangetöne und endet schließlich bei einem vollen Rot. Wie allmählich oder abrupt der Übergang ist, hängt davon ab, wie viel Platz der Farbverlauf hat und wie du die Farbstopps und Farbverlaufshinweise definierst. Wenn du über 100 Pixel von Weiß zu Schwarz übergehst, ist jedes Pixel entlang des Standardverlaufs des Farbverlaufs ein weiteres 1% dunkleres Grau, wie in Abbildung 9-1 gezeigt.

css5 0901
Abbildung 9-1. Der Verlauf eines einfachen Gefälles

Bei der Erkundung von Farbverläufen solltest du immer daran denken: Farbverläufe sind Bilder. Es spielt keine Rolle, dass du sie mit CSS beschreibst - sie sind genauso Bilder wie SVGs, PNGs, JPEGs und so weiter. Aber Farbverläufe ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

JavaScript Schnelleinstieg - Dynamische Webseiten programmieren in 14 Tagen

JavaScript Schnelleinstieg - Dynamische Webseiten programmieren in 14 Tagen

Ulrike Häßler
Windows® 2000 Active Directory™

Windows® 2000 Active Directory™

Edgar Brovick, Doug Hauger, William C. Wade

Publisher Resources

ISBN: 9781098184254Supplemental Content