Trình tạo Box Shadow CSS
Tạo và xem trước các thuộc tính CSS box-shadow một cách trực quan.
Cài đặt bóng
Điều chỉnh thanh trượt để tùy chỉnh hiệu ứng bóng
Bóng 1
Cài đặt sẵn
Thử các kiểu bóng được xác định trước
Xem trước
Xem hiệu ứng bóng đã tạo
Preview
CSS đã tạo
box-shadow: 0px 4px 6px 0px #00000040;Tham chiếu thuộc tính Box Shadow
Mô tả thuộc tính
- • Độ lệch X: Vị trí ngang của bóng (dương: phải, âm: trái)
- • Độ lệch Y: Vị trí dọc của bóng (dương: dưới, âm: trên)
- • Độ mờ: Bán kính mờ của bóng (0: sắc nét, giá trị lớn hơn: mờ hơn)
- • Độ lan: Kích thước của bóng (dương: mở rộng, âm: thu nhỏ)
- • Màu: Màu của bóng (HEX, RGB, RGBA, v.v.)
- • Bóng trong: Bóng có phải là bóng trong hay không