Trình tạo box-shadow CSS

Màu sắc

Trình tạo box-shadow tạo một giá trị CSS box-shadow từ các độ dời, độ nhòe, độ lan và màu.

Bản dịch có hỗ trợ AI đang được rà soát

Trang này được dịch với sự hỗ trợ của AI và chưa được chuyên gia rà soát. Hãy kiểm tra các nguồn trích dẫn trước khi dùng cho quyết định quan trọng.

Giới thiệu

Thuộc tính box-shadow thêm một bóng đổ quanh một phần tử. Các tham số của nó điều khiển độ dời ngang và dọc, độ nhòe, độ lan và màu.

box-shadow = x y blur spread màu

Cách dùng

  1. 1Điều chỉnh các độ dời, độ nhòe và độ lan.
  2. 2Chọn màu bóng đổ.
  3. 3Sao chép giá trị CSS box-shadow.

Tham khảo

Trình tạo box-shadow CSS Tham khảo
Đầu vàoKết quả
ví dụgiá trị CSS box-shadow

Nguồn và tiêu chuẩn

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

Giá trị độ lan (spread) dùng để làm gì?

Giá trị spread làm tăng hoặc giảm kích thước bóng đổ so với phần tử trước khi áp dụng độ nhòe.

Dữ liệu có được gửi đến máy chủ không?

Không. Công cụ này chạy trong trình duyệt của bạn và không gửi dữ liệu đến bất kỳ máy chủ nào.

Công cụ liên quan