CSS Box-Shadow & Border-Radius Ersteller
Design & GrafikKonfigurieren Sie Schattenversatz, Unschärfe, Ausbreitung, Inset-Modus und Eckenrundungen visuell mit CSS-Export.
Live-Box- und Schattensimulation
Leinwandhintergrund:
Vorschaubox
24pxSchatteneigenschaften
X-Versatz0px
Y-Versatz10px
Unschärferadius25px
Ausbreitungsradius-5px
Deckkraft%30
Rahmenradius & Boxfarbe
Radius aller Ecken24px
Gebrauchsfertiger CSS-Code
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.30);
border-radius: 24px;
background-color: #FFFFFF;
☕Unabhängige Projektförderung
Gefällt Ihnen ToolsApp? Spendieren Sie einen Kaffee
ToolsApp läuft zu 100% Client-Side im Browser – ohne Abos und ohne Datentracking. Wir glauben, dass digitale Werkzeuge für alle frei zugänglich bleiben sollten. Ihre Unterstützung hilft uns, neue nützliche Tools zu entwickeln!
100% Client-Side•Kostenlos für Alle
Wie funktioniert es?
1
Passen Sie die Schattenschieberegler an
Passen Sie die Schieberegler für X- und Y-Versatz, Unschärferadius, Ausbreitung und Deckkraft an.
2
Legen Sie den Randradius fest
Runden Sie alle Ecken gemeinsam ab oder passen Sie einzelne Ecken individuell an.
3
CSS kopieren
Schnappen Sie sich sofort das sauber generierte CSS-Snippet.
Volle PrivatsphäreAlle Berechnungen und Dateiverarbeitungen erfolgen zu 100 % lokal in Ihrem Browser über clientseitiges JavaScript.
Nutzerbewertungen & Feedback
Teilen Sie Ihre Erfahrung anonym. Automatisch von KI moderiert.
5.0
•0 BewertungenGenehmigte Bewertungen (0)
Bewertungen werden geladen...