Kostenlose Werkzeuge
Deutsch
CSS-Schatten erstellen
CSS-Schatten erstellen — Größen oder Farben wählen und Code oder Ergebnis prüfen. Ihre Werkzeugeingaben bleiben auf Ihrem Gerät. Ohne Konto.
Ohne Konto
Werkzeug wird geladen…
So funktioniert es
- 1Werte eingeben und Optionen wählen.
- 2Werkzeug starten und Ergebnis prüfen.
- 3Ergebnis kopieren oder Eingaben zum Vergleich ändern.
Gut zu wissen
Bereiche und Einheiten prüfen. Ergebnisse hängen von Eingaben und Browser ab.
Werbung kann Verbindungsdaten verarbeiten. Personalisierung folgt Ihrer Datenschutzwahl. Datenschutz (Englisch)
Berechnetes Ein- und Ausgabebeispiel
Ergebnisse der tatsächlichen Engine mit diesen Beispielwerten, ohne persönliche Eingaben oder gespeicherte Arbeit. Beispiel im Tool laden, um dieselben Eingaben zu prüfen.
Beispieleingabe
| Feld | Wert |
|---|---|
| Horizontaler Versatz (px) | 0 |
| Vertikaler Versatz (px) | 8 |
| Unschärfe (px) | 24 |
| Ausbreitung (px) | 0 |
| Farbe | #0F766E |
| Deckkraft (%) | 25 |
Beispielergebnis
box-shadow: 0px 8px 24px 0px rgba(15, 118, 110, 0.25);
Eingabebedingungen
Dies sind tatsächliche Eingabegrenzen; zulässige Werte sind dadurch nicht automatisch realistisch oder für jeden Fall geeignet.
- Horizontaler Versatz (px): Zulässiger Bereich: -1.000 ≤ x ≤ 1.000
- Vertikaler Versatz (px): Zulässiger Bereich: -1.000 ≤ x ≤ 1.000
- Unschärfe (px): Zulässiger Bereich: 0 ≤ x ≤ 1.000
- Ausbreitung (px): Zulässiger Bereich: -1.000 ≤ x ≤ 1.000
- Deckkraft (%): Zulässiger Bereich: 0 ≤ x ≤ 100