Trình tạo bóng CSS

Tạo giá trị CSS box-shadow hoặc text-shadow với xem trước trực tiếp.

box-shadow: 4px 4px 8px 0px #00000080;

Related tools

How it works

  1. 1

    Chọn bóng hộp hoặc bóng chữ

    Mỗi loại có các tùy chọn hơi khác nhau.

  2. 2

    Điều chỉnh độ lệch, độ mờ và màu

    Xem phần xem trước trực tiếp cập nhật ngay lập tức.

  3. 3

    Sao chép CSS

    Thuộc tính box-shadow hoặc text-shadow sẵn sàng để dán.

FAQ

box-shadow và text-shadow khác nhau thế nào?
box-shadow áp dụng cho hộp của phần tử (và hỗ trợ spread cùng inset); text-shadow chỉ áp dụng lên chính các nét chữ và không hỗ trợ spread hoặc inset.
Công cụ này có gửi dữ liệu tôi nhập đi đâu không?
Không — CSS được tạo hoàn toàn trong trình duyệt của bạn.