10
Có thể mã hóa một div để cho phép nó làm mờ bất kỳ hình ảnh nào không?sử dụng div để làm mờ hình ảnh đằng sau nó?
một cái gì đó như thế này:
này có thể được thực hiện bằng cách nào đó với -webkit có lẽ?
A
Trả lời
14
Không phải với CSS trên riêng của mình, nhưng bạn có thể kéo một hiệu ứng tương tự tắt với Canvas và thư viện StackBlurforCanvas. Xem this
UPDATE: Hình như backdrop-filter là recently introduced to Webkit nightly, vậy cuối cùng chúng ta sẽ có thể làm được điều này chỉ với CSS. Yay!
4
Rất tiếc, điều này không thể thực hiện hoàn toàn bằng CSS. Mặc dù bộ lọc webkit hỗ trợ làm mờ, nó không hỗ trợ làm mờ bất kỳ thứ gì khác ngoài yếu tố mà nó áp dụng.
Có một cách hacky hơn để làm điều này, được mô tả ở đây - http://css-tricks.com/blurry-background-effect/
+1
Đó là một sự xấu hổ, đừng bận tâm! sẽ là một tính năng tốt đẹp –
+2
Có một cách 'hacky' để làm điều này - được mô tả ở đây - http://css-tricks.com/blurry-background-effect/ –
+0
mẹo vặt tuyệt vời, cảm ơn bạn đã chia sẻ! –
Các vấn đề liên quan
- 1. jquery: mờ dần trong hình ảnh sau khi hình ảnh
- 2. div trong suốt trên hình ảnh nhưng văn bản mờ
- 3. ý tưởng đằng sau việc mở rộng hình ảnh bằng cách sử dụng lanczos là gì?
- 4. Làm cho hình ảnh mờ dần khi tải hình ảnh bằng cách sử dụng jquery
- 5. Thay đổi nguồn hình ảnh trong mã đằng sau - WPF
- 6. Hình ảnh mờ WPF
- 7. jQuery làm mờ hình ảnh mới
- 8. Làm thế nào để phù hợp với hình ảnh trong div wather kích thước hình ảnh là tối đa sau đó div hoặc min sau đó div
- 9. Sử dụng một DIV để mặt nạ khác DIV
- 10. Java mờ hình ảnh
- 11. Một hình động Div sau một hình ảnh khác sử dụng đối tượng hoãn lại
- 12. Làm thế nào để mờ Div Edges
- 13. Đặt lớp css của một div sử dụng mã đằng sau
- 14. iphone mờ dần hình ảnh
- 15. Qml và làm mờ hình ảnh
- 16. Làm mờ trong hình nền
- 17. Mã đằng sau cho datagridtemplatecolumn là gì và cách sử dụng nó?
- 18. Làm cách nào tôi có thể tương tác với các phần tử đằng sau ứng dụng Android mờ?
- 19. làm thế nào để desaturate hình ảnh nền của một div bằng cách sử dụng css?
- 20. Sử dụng haproxy làm proxy ngược với ứng dụng đằng sau proxy Internet
- 21. phần tử bị mờ sau khi chuyển hoặc hoạt hình
- 22. Làm mờ hình ảnh Dần dần bằng cách sử dụng jQuery
- 23. Làm mờ hình ảnh trong suốt như gradient
- 24. Tiêu đề UITableView hiển thị nội dung đằng sau nó
- 25. Làm mờ một phần cụ thể của hình nền
- 26. Hai loại Azure Portal và ASM vs ARM - Hình ảnh đằng sau tấm màn là gì?
- 27. Hình ảnh mờ (NSTextAttachment) trên NSAttributedString
- 28. Làm thế nào để làm mờ (css) div mà không làm mờ phần tử con
- 29. ImageView: phương pháp onDraw vẽ "đằng sau" nền hình ảnh, không phải ở đầu
- 30. Làm mờ dần khi di chuyển hình ảnh bằng CSS3?
Cảm ơn bạn, tôi sẽ kiểm tra xem ra –
Để được hỗ trợ của 'bộ lọc phông chữ', hãy xem: http://caniuse.com/#feat=css-backdrop-filter –