CSS Box Shadow Generator

Tạo đổ bóng box-shadow trực quan và lấy mã CSS.

Đang tải công cụ…

Cách sử dụng CSS Box Shadow Generator

  1. Kéo các thanh lệch ngang/dọc, độ nhòe, độ lan; chọn màu và độ đậm bóng.
  2. Xem trước trực tiếp, thử nhanh các mẫu Nhẹ, Nổi, Sâu, Retro.
  3. Sao chép mã CSS.

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

Công cụ này có miễn phí không?

Hoàn toàn miễn phí, không cần đăng ký tài khoản, không giới hạn số lần sử dụng.

Có dùng được trên điện thoại không?

Có. Giao diện tương thích với điện thoại, máy tính bảng và máy tính.

Công cụ liên quan

Color PickerChọn màu, lấy màu từ ảnh, xem mã HEX, RGB, HSL, CMYK. Chuyển HEX sang RGBChuyển đổi mã màu HEX, RGB, HSL qua lại. Gradient GeneratorTạo dải màu gradient CSS linear/radial. Border Radius GeneratorTạo bo góc border-radius từng góc và lấy mã CSS. Bảng phối màuTạo bảng màu bổ túc, tương đồng, bộ ba và sắc độ.