Bild- und Designwerkzeuge
Box Shadow Generator
Box Shadow Generator läuft im Browser, um Ergebnisse zu prüfen, umzuwandeln oder vorzubereiten, ohne Eingaben an einen Server zu senden.
Input / output
Shadow preview
2 layers
CSS 코드
box-shadow: 0px 8px 24px -8px rgb(0 0 0 / 0.18), 0px 2px 6px 0px rgb(37 99 235 / 0.12);
Tailwind shadow
shadow-[0px_8px_24px_-8px_rgb(0_0_0_/_0.18),_0px_2px_6px_0px_rgb(37_99_235_/_0.12)]
Shadow layers
Layer 1
Layer 2
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Box Shadow Generator ist ein lokales Browserwerkzeug für den Bild- und Designworkflow. Eingabe, Optionen und Ergebnis bleiben auf einer Seite.
How to use it
- Eingabe einfügen
Gib den Wert ein oder füge ihn in den Eingabebereich ein.
- Optionen anpassen
Wähle Modus, Format oder Einheit passend zu box shadow, CSS shadow, elevation.
- Ergebnis prüfen
Führe das Werkzeug aus und kopiere oder lade das Ergebnis erst nach der Prüfung herunter.
Examples
Box Shadow Generator Beispiel
- Input
- Beispieleingabe
- Output
- Im Browser geprüftes Ergebnis.
Practical tips
- Bei großen Eingaben zuerst mit einer kleinen Probe arbeiten.
- Anzeigen bleiben außerhalb der Steuerelemente und Ergebnisbereiche.
FAQ
Welche Eingabe soll ich für Box Shadow Generator verwenden?
Nutze Werte, die zur sichtbaren Aufgabe passen, und prüfe vor dem Ausführen die Optionen.
Kann ich das Ergebnis von Box Shadow Generator kopieren?
Ja. Prüfe das Ergebnis und kopiere oder lade es herunter, wenn es passt.
Funktioniert Box Shadow Generator auf Mobilgeräten?
Ja. Eingabe, Optionen und Ergebnis sind für kleine Bildschirme gestapelt.
Wird meine Eingabe an einen Server gesendet?
Nein. Die Verarbeitung ist für den Browser ausgelegt.