Chuyển đến nội dung chính
eyunzhu

Tạo bóng CSS

Điều chỉnh độ lệch, độ mờ, độ lan, màu và độ đục để tạo bóng ngoài hoặc trong bằng CSS.

Xem trước
Xử lý ngay trong trình duyệt. Không tải lên hay lưu dữ liệu.

Giới thiệu công cụ

Tạo chiều sâu cho thẻ bằng cách xem riêng độ mờ và độ lan. Giá trị lan âm làm đường bao bóng nhỏ lại.

Cách sử dụng

Đổi các điều khiển và xem trước kết quả. Bóng trong bật inset. Độ lệch và độ lan được phép âm, độ mờ thì không. Kích thước từ -200 đến 200 px, độ mờ từ 0 đến 200 px. Công cụ tạo một lớp box-shadow để sao chép hoặc tải xuống.

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

Độ mờ và độ lan khác nhau ra sao?

Độ mờ làm mềm mép; độ lan mở rộng hoặc thu nhỏ đường bao. inset tạo bóng bên trong. Công cụ xuất một lớp; có thể tự ghép nhiều bóng trong CSS sau đó.

Làm sao đẩy bóng sang trái hoặc lên trên?

Đặt độ lệch ngang âm để sang trái, độ lệch dọc âm để lên trên; số dương tương ứng sang phải và xuống dưới. box-shadow bám theo hộp của phần tử, không theo đường viền các pixel đục trong ảnh.

Bình luận

0
để tham gia thảo luận.
Chưa có bình luận.
Chuỗi trả lời

Theo dõi toàn bộ cuộc trò chuyện theo thời gian; mỗi câu trả lời cho biết chính xác tin nhắn được phản hồi.