Box shadow là một hiệu ứng đồ họa giúp thêm bóng đổ vào một phần tử HTML, tạo ra chiều sâu và sự hấp dẫn về mặt hình ảnh.

Làm cách nào để sử dụng Box Shadow Generator?

Chỉ cần chọn loại box shadow mong muốn, cấu hình các thuộc tính và xuất code CSS được tạo ra.

Tôi có thể tùy chỉnh các thuộc tính box shadow được không?

Có, bạn có thể điều chỉnh color, blur, spread và position của box shadow để đạt được hiệu ứng mong muốn.

Vâng, Box Shadow Generator hoàn toàn miễn phí để sử dụng, không có bất kỳ hạn chế hay watermark nào.

Có, bạn có thể sử dụng Box Shadow Generator cho cả dự án cá nhân và thương mại hoàn toàn miễn phí.

fast

Tạo CSS box-shadow với preview trực quan.

Horizontal Offset: 4

Vertical Offset: 4

Blur Radius: 8

Spread Radius: 0

Opacity: 0.3

Color

Inset

Preview

CSS

box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.3);

Chọn từ nhiều loại box shadow khác nhau, bao gồm inset, outer và các tùy chọn custom

Điều chỉnh color, blur, spread và position của box shadow của bạn để đạt được hiệu ứng mong muốn

Sao chép và dán code CSS box-shadow được tạo của bạn vào dự án hoặc lưu nó để sử dụng sau

Generate linear and radial CSS gradients visually.

Generate CSS border-radius visually.

Format and beautify CSS code online.