CLR / 04 · Công cụ màu sắc
Tạo box shadow
Độ lệch, độ nhòe, độ lan và màu, xem trước trên một thẻ thật khi bạn tinh chỉnh.
Bộ tạo đổ bóng CSS
2 lớp trong chồng bóng, trên một tấm thẻ thật
Một tấm thẻ
Bóng dưới tấm thẻ này chính là khai báo ở trên, áp lên chính phần tử này. Không có gì đang vẽ ra một hình mô phỏng nó cả.
CSS
box-shadow: 0 10px 30px -6px rgb(0 0 0 / 45%), 0 4px 6px -4px rgb(0 0 0 / 30%);
Màu được cho bằng hex, ba hoặc sáu chữ số, còn độ mờ đục có thanh trượt riêng. Các độ dài tính bằng pixel, và độ lan bằng không thì được bỏ đi vì nó chẳng nói lên điều gì.
Ủng hộ 💚Giúp ToolZool tiếp tục miễn phí

Nhờ có bạn,
ToolZool luôn miễn phí
Công cụ tốt thì nên miễn phí cho tất cả mọi người. Đây là cách chúng tôi trang trải — đầy đủ, không giấu mục nào.
Mời Zooly một ly cà phêỦng hộ trực tiếp, giúp giữ đèn sáng và công cụ mới tiếp tục ra đời. Hoàn toàn tự nguyện.Ủng hộ Zooly →
Lựa chọn được gợi ýCông cụ trả phí làm nốt những việc trình duyệt không làm được. Hôm nay trang đó không mang lại cho chúng tôi đồng nào.Xem gợi ý →
Quảng cáo, giữ chừng mựcCác vị trí có gắn nhãn nằm ngoài khu vực làm việc, nên chúng không bao giờ chen vào giữa bạn và kết quả.Đọc chính sách quảng cáo →
Bạn thật tuyệt vờiMỗi lượt ghé, lượt chia sẻ và lời tử tế đều giúp ToolZool lớn lên và tới với nhiều người hơn.