Tạo box-shadow
Chỉnh box-shadow và sao chép CSS.
Xem trực tiếp
Lệch X: 0px
Lệch Y: 8px
Blur: 24px
Spread: 0px
CSS đầu ra
0px 8px 24px 0px #0F172A
box-shadow: 0px 8px 24px 0px #0F172A;
Xem bóng
box-shadow: 0px 8px 24px 0px #0F172A;
0px 8px 24px 0px #0F172A
Vì sao dùng bộ tạo bóng?
box-shadow dễ chỉnh khi thấy offset, blur và spread trên thẻ thay vì đoán trong stylesheet. Giữ blur production vừa trên điện thoại. Trang này là một bóng, không inset, không text-shadow, không filter ảnh — sao chép khai báo rồi tự chồng lớp nếu mock cần hai.
Bóng phổ biến
Dữ liệu của bạn được giữ riêng tư
CSS shadow được tạo trên trình duyệt. Không tải lên hoặc lưu trên máy chủ.
Về tạo CSS box-shadow
CSS Shadow Generator chỉnh offset, blur, spread và màu cho box-shadow rồi sao chép khai báo. Preview là hộp cục bộ. Không phải filter drop-shadow cho ảnh và không phải text-shadow (thuộc tính khác). Dùng cho thẻ, nút và token độ nổi.
Blur lớn trông mềm và có thể tốn paint trên điện thoại yếu — giữ shadow production vừa phải. Nhiều lớp chồng không phải editor danh sách; sao chép một cái rồi tự ghép. Màu cùng họ picker sRGB với Color Picker.
Liên quan: CSS Border Generator cho radius và nét, Gradient Generator cho nền, CSS Formatter để in đẹp cả rule.
Cách tạo shadow
Chỉnh offset và blur
X, Y, blur và spread cập nhật preview khi bạn đổi.
Chọn màu
Đen mềm hoặc shadow nhuốm màu đều được. Sao chép cả giá trị box-shadow.
Dán vào CSS
Thêm vào class. Tự chồng thêm shadow nếu cần nhiều lớp.
Không tải lên
Mọi thứ ở lại tab. Border Generator là anh em cho radius.
Công cụ liên quan
Chọn màu
Chọn màu và sao chép HEX, RGB, HSL.
Chọn màu từ ảnh
Mở ảnh, di chuột để phóng pixel, sao chép HEX, RGB và HSL. Không tải lên.
Tạo gradient
Tạo CSS linear-gradient với xem trước trực tiếp.
Tạo viền CSS
Xem trước độ dày, kiểu, bo góc, màu viền rồi sao chép CSS.
Chuyển màu
Chuyển màu giữa HEX, RGB và HSL. Gõ hoặc dán bên dưới — cả ba định dạng cập nhật khi bạn gõ.
Hỏi đáp Tạo box-shadow
box-shadow cho hộp. Không phải text-shadow và không phải filter ảnh. Chồng thêm shadow bằng cách tự ghép giá trị đã sao chép.
Blur lớn tốn paint trên điện thoại. Token độ nổi production thường offset nhỏ và blur vừa.
Không. Tạo ở lại tab này.