Thiết kế
Tạo bóng đổ CSS
Thiết kế bóng đổ hộp trực quan.
Cách sử dụng
Bắt đầu từ cài đặt sẵn hoặc một lớp, sau đó thêm các lớp để tạo chiều sâu. Bật/tắt inset cho hiệu ứng nhấn/neumorphic. Sao chép giá trị phân cách bằng dấu phẩy vào box-shadow.
Câu hỏi thường gặp
Tôi có thể xếp chồng nhiều bóng đổ không?
Có — thêm lớp để kết hợp bóng môi trường mềm với bóng tiếp xúc gọn, hoặc xếp chồng các quầng sáng màu. Mỗi lớp có độ lệch, blur, spread, màu và nút bật/tắt inset riêng.
Các preset có tác dụng gì?
Các điểm bắt đầu một chạm: độ nâng thẻ kiểu Stripe, neumorphism nổi/lõm, độ sâu Material và ánh sáng dịu — điều chỉnh thanh trượt sau khi áp dụng.
Tôi sử dụng đầu ra như thế nào?
Sao chép dòng box-shadow vào CSS. Nhiều lớp được phân tách bằng dấu phẩy, đúng định dạng mà trình duyệt yêu cầu.
Cập nhật lần cuối: