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
0px
4px
Size
6px
-1px
Color
10%
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
Upiększacz CSS
Formatuj i upiększaj swój kod CSS z profesjonalną precyzją
Generator przejść CSS3
Płynne przejście krycia
Minifikator CSS
Kompresuj i optymalizuj swój kod CSS z profesjonalną precyzją
Kalkulator skrótu SHA-2
Generate SHA-2 hashes quickly and easily
Tekst na dziesiętny
Konwertuj tekst na reprezentację dziesiętną bez wysiłku
HEX na Pantone
Precyzyjnie konwertuj kody kolorów HEX na kolory Pantone Matching System® dla profesjonalnych potrzeb projektowych