Làm thế nào để thêm bóng Shadow cho các phần tử trong css3

Có thể đặt bóng đổ cho phần tử svg bằng css3, đại loại như

box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888;

Tôi thấy một số nhận xét về việc tạo bóng bằng hiệu ứng bộ lọc. Có một ví dụ về việc sử dụng css một mình. Dưới đây là một mã làm việc trong đó kiểu cusor được áp dụng chính xác, nhưng không có hiệu ứng bóng. Xin hãy giúp tôi để có được hiệu ứng bóng với ít mã nhất.

svg .shadow { cursor:crosshair; -moz-box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; box-shadow: -5px -5px 5px #888; }
Chạy đoạn mãẨn kết quả
Mở rộng đoạn trích

Video liên quan

Chủ Đề