Công cụ tạo CSS Box Shadow
CSS Box Shadow là gì?
Thuộc tính CSS box-shadow thêm hiệu ứng bóng xung quanh khung của một phần tử. Bóng có thể được lệch, làm mờ, lan rộng, tô màu và đặt làm inset (bóng bên trong). Nhiều bóng phân cách bằng dấu phẩy có thể được xếp chồng để tạo hiệu ứng phong phú. Công cụ này cho phép bạn xây dựng bóng nhiều lớp phức tạp một cách trực quan và sao chép CSS sẵn sàng dán vào clipboard.
Cách sử dụng Công cụ tạo Box Shadow
-
Điều chỉnh thanh trượt cho Offset X/Y, Blur và Spread để định vị và tạo hình dạng bóng.
-
Nhấp vào ô màu để chọn màu bóng và sử dụng thanh trượt Opacity cho độ trong suốt.
-
Bật 'Bóng trong' để tạo ánh sáng bên trong hoặc hiệu ứng nhấn.
-
Nhấp '+ Thêm lớp' để xếp chồng nhiều bóng lên nhau.
-
Sao chép CSS đã tạo và dán vào stylesheet của bạn.
Keywords: công cụ tạo CSS box shadow, box-shadow CSS, công cụ bóng CSS, CSS drop shadow, bóng trong, bóng nhiều lớp, CSS shadow trực tuyến