Warna & Desain
Generator Box Shadow
Generator box-shadow CSS gratis. Desain bayangan dengan penggeser untuk offset, blur, spread, warna, dan opasitas. Lapisan beberapa bayangan. Salin CSS secara instan.
Runs in your browser
Box shadow generator
CSS
box-shadow: 0px 10px 30px -10px rgba(59, 130, 246, 0.40);css
Catatan editor
Understanding · Five numbers. A whole light source.
Bab mendalam ini saat ini hanya tersedia dalam bahasa Inggris. Alat konversi di atas berfungsi dalam bahasa Anda; artikel penjelasan panjangnya belum diterjemahkan.
Pertanyaan yang sering diajukan
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.
Orang juga mencari
Fitur terkait
More in this room.
- Editor Bayangan Kotak Tingkat LanjutTumpuk beberapa bayangan dengan pratinjau langsung.
- Generator GradienCSS gradien linear, radial, dan konik.
- Generator Border RadiusEditor border-radius CSS per sudut.
- Editor Cubic BezierDesain kurva easing CSS secara visual.
- Generator Animasi CSSBuat keyframe secara visual, salin CSS yang siap tempel.
- Generator Filter CSSPratinjau langsung blur, brightness, hue-rotate, dan lainnya.