CLR / 04 · Farb-Tools
Box-Shadow-Generator
Versatz, Unschärfe, Ausbreitung und Farbe – die Vorschau an einer echten Karte ändert sich mit.
Box-Shadow-Generator
2 im Stapel, auf einer echten Karte
Eine Karte
Der Schatten unter dieser Karte ist die Deklaration von oben, angewendet auf dieses Element. Nichts zeichnet hier bloß einen Eindruck davon nach.
CSS
box-shadow: 0 10px 30px -6px rgb(0 0 0 / 45%), 0 4px 6px -4px rgb(0 0 0 / 30%);
Farben werden in Hex angegeben, mit drei oder sechs Stellen, und die Deckkraft hat ihren eigenen Regler. Längen sind in Pixeln, und eine Ausbreitung von null wird weggelassen, weil sie nichts aussagt.
Unterstützen 💚Hilf, ToolZool kostenlos zu halten
Dank dir bleibt
ToolZool kostenlos
Gute Tools sollten für alle kostenlos sein. So wird das bezahlt – vollständig, ohne dass ein Posten fehlt.
Zooly einen Kaffee ausgebenDirekte Unterstützung, die den Laden am Laufen hält und neue Tools bringt. Völlig freiwillig.Zooly unterstützen →
Empfohlene AuswahlKostenpflichtige Tools, die Aufgaben abschließen, die ein Browser nicht kann. Nichts auf dieser Seite bringt uns heute etwas ein.Empfehlungen ansehen →
Werbung, die respektvoll bleibtGekennzeichnete Platzierungen sitzen außerhalb des Arbeitsbereichs und kommen so nie zwischen dich und dein Ergebnis.Werberichtlinie lesen →
Du bist großartigJeder Besuch, jedes Teilen und jedes gute Wort hilft ToolZool zu wachsen und mehr Menschen zu erreichen.
