Công cụ trực tuyến CSS Box Shadow Generator

color
color

Tạo các thuộc tính của bóng hộp của bạn để có được kiểu CSS.

Sử dụng các thanh trượt và công cụ chọn màu để đặt các giá trị và xem bản xem trước trực tiếp cho đến khi bạn đạt được hiệu ứng mong muốn. Chọn dịch chuyển từ phải xuống, trải rộng, làm mờ, độ mờ, màu sắc.

Chọn màu tùy chỉnh cho nền xem trước và đối tượng của bạn.

 

Thêm nhiều bóng hộp

Trình duyệt web cho phép chúng tôi thêm nhiều bóng vào thiết kế của mình và công cụ trực tuyến này cũng vậy. Sử dụng nút Thêm mới để lưu dòng hiện tại và thiết lập dòng mới. 

 

Cú pháp CSS

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

Lưu ý:  Để đính kèm nhiều bóng đổ vào một phần tử, hãy thêm danh sách các bóng đổ được phân tách bằng dấu phẩy (xem ví dụ "Hãy tự mình thử" bên dưới).