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
Generuj transformacje CSS3 z łatwością
Potężne, intuicyjne narzędzie do tworzenia złożonych przekształceń CSS3 bez konieczności pisania kodu. Wizualizuj zmiany w czasie rzeczywistym i kopiuj wygenerowany kod CSS do wykorzystania w swoich projektach.
Konwerter jednostek bajtów
Precyzyjna konwersja między różnymi jednostkami informacji cyfrowych
Kalkulator skrótu SHA3-512
Generate SHA3-512 hashes quickly and easily
Konwertuj JSON na TSV bez wysiłku
Przekształć swoje dane JSON do formatu wartości rozdzielanych tabulatorami (TSV) za pomocą jednego kliknięcia. Szybki, bezpieczny i całkowicie oparty na przeglądarce.