Twórz piękne cienie CSS Box bez wysiłku
Generuj oszałamiające cienie pudełek za pomocą naszego intuicyjnego interfejsu. Skopiuj kod CSS i natychmiast używaj go w swoich projektach.
Preview
Cień pudełka
Dostosuj mnie do swoich potrzeb
Dane wyjściowe CSS
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Sterowanie cieniem
Position
Size
Color
Options
Presets
Miękki cień
Średni cień
Ciężki cień
Cień wewnętrzny
Ostra przekątna
Blask konturu
Podwójny cień
Efekt Lifted
Sposób użycia
Podstawowe elementy sterujące
- Dostosuj parametrOdsunięcie poziomeAby przesunąć cień w lewo lub w prawo
- Dostosuj parametrPrzesunięcie w pionieAby przesunąć cień w górę lub w dół
- ZwiększPromień rozmycia, aby cień był bardziej miękki
- Use Promień rozrzutuAby zwiększyć lub zmniejszyć ogólny rozmiar cienia
- Zmień parametrColor and OpacityAby dostosować wygląd cienia
Zaawansowane funkcje
- Enable Cień wstawkiAby utworzyć efekt cienia wewnętrznego
- Use Wiele cienidla bardziej złożonych efektów
- Zapisz i załadujPresetsdla szybkiego dostępu do ulubionych cieni
- Click Losowy cieńDla inspiracji
- Skopiuj wygenerowany kod CSS i wklej go do swojego projektu
Related Tools
Twórz idealne układy flexboxów
Wizualizuj, dostosowuj i generuj kod flexbox CSS za pomocą naszego intuicyjnego interfejsu typu "przeciągnij i upuść".
Konwerter rysika na CSS
Przekształć swój kod SCSS w CSS. Szybko, łatwo i bezpiecznie.
Konwerter SCSS na CSS
Transform your SCSS code into CSS. Fast, easy, and secure.
Twórz piękne cienie CSS Box bez wysiłku
Generuj oszałamiające cienie pudełek za pomocą naszego intuicyjnego interfejsu. Skopiuj kod CSS i natychmiast używaj go w swoich projektach.
Dekoder Base64 do JSON
Błyskawicznie konwertuj ciągi zakodowane w formacie Base64 na sformatowany kod JSON. Działa lokalnie w przeglądarce bez przesyłania danych.
Kalkulator średniej
Szybko oblicz średnią (średnią arytmetyczną) zbioru liczb za pomocą naszego łatwego w użyciu narzędzia.