Kolor i Projekt
Generator cienia pudełka (Box Shadow)
Darmowy generator CSS box-shadow. Projektuj cienie za pomocą suwaków do ustawiania przesunięcia, rozmycia, rozprzestrzeniania, koloru i krycia. Warstwuj wiele cieni. Kopiuj CSS natychmiast.
Runs in your browser
Box shadow generator
CSS
box-shadow: 0px 10px 30px -10px rgba(59, 130, 246, 0.40);css
Notka redakcyjna
Understanding · Five numbers. A whole light source.
Ten szczegółowy rozdział jest obecnie dostępny tylko w języku angielskim. Narzędzie konwersji powyżej działa w Twoim języku; długi artykuł objaśniający nie został jeszcze przetłumaczony.
Często zadawane pytania
Quick answers.
›Can I layer multiple shadows?
Yes — add as many shadows as you want, each with its own offset, blur, spread and color.
›Does it support inset shadows?
Yes — toggle 'inset' to make a shadow appear inside the element instead of outside.
›Does it output Tailwind?
Yes — for common single-shadow patterns. Multi-shadow stacks need custom CSS.
›Is the generator free?
Yes — fully free, no signup.
Ludzie wyszukują również
Powiązane narzędzia
More in this room.
- Zaawansowany Edytor Cienia PudełkaNakładaj wiele cieni z podglądem na żywo.
- Generator gradientówLiniowe, promieniowe i stożkowe gradienty CSS.
- Generator zaokrąglenia rogów (Border Radius)Edytor CSS border-radius dla każdego rogu.
- Edytor krzywych BézieraWizualnie projektuj krzywe łagodzące CSS.
- Generator Animacji CSSTwórz klatki kluczowe wizualnie, kopiuj gotowy do wklejenia kod CSS.
- Generator Filtrów CSSPodgląd na żywo rozmycia, jasności, obrotu odcienia i innych.