CSS-box-shadow-Generator
Passen Sie die Parameter eines CSS-Schlagschattens an und erhalten Sie sofort den entsprechenden box-shadow-Wert mit Live-Vorschau. 100% lokale Verarbeitung in Ihrem Browser (WebAssembly) — nichts wird an einen Server gesendet.
So funktioniert es
Die CSS-Eigenschaft box-shadow akzeptiert einen horizontalen Versatz, einen vertikalen Versatz, einen Unschärferadius, einen Ausbreitungsradius, eine Farbe und ein optionales Schlüsselwort „inset“ für einen inneren Schatten. Dieses Tool setzt diese Werte live zusammen, damit Sie die richtigen Einstellungen nicht von Hand erraten müssen.
Was ist der Unterschied zwischen Unschärfe und Ausbreitung?
Die Unschärfe weicht die Kanten des Schattens auf, indem sie sie fließend macht, während die Ausbreitung die Größe des Schattens vor Anwendung der Unschärfe vergrößert oder verkleinert.
Wozu dient die Option „inset“?
Sie wandelt den Schlagschatten in einen inneren Schatten um, der innerhalb des Elements projiziert wird, oft verwendet, um einen vertieften Effekt oder ein Eingabefeld darzustellen.
100% lokale Verarbeitung: Die Berechnung erfolgt vollständig in Ihrem Browser über WebAssembly, ohne dass Daten an einen Server gesendet werden.