Skip to content

Trình tạo Box Shadow

Trình tạo box-shadow CSS miễn phí. Thiết kế bóng với thanh trượt để điều chỉnh độ lệch, độ mờ, độ lan truyền, màu sắc và độ trong suốt. Xếp lớp nhiều bóng. Sao chép CSS ngay lập tức.

Runs in your browserUpdated Apr 26, 2026

Box shadow generator

CSS

box-shadow: 0px 10px 30px -10px rgba(59, 130, 246, 0.40);
css

Các câu hỏi thường gặp

›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.

Mọi người cũng tìm kiếm