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
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ą
Minimalizator JavaScript
Kompresuj i optymalizuj swój kod JavaScript za pomocą profesjonalnej minifikacji. Zmniejsz rozmiar pliku, skróć czas ładowania i zwiększ wydajność aplikacji internetowych.
Kalkulator kredytowy
Oblicz raty kredytu, koszty odsetek i harmonogramy amortyzacji za pomocą naszego kompleksowego kalkulatora kredytowego.
Minifikator CSS
Kompresuj i optymalizuj swój kod CSS z profesjonalną precyzją