Bộ lọc phông nền hiện đang được nung ở bên dưới Bộ lọc CSS Cấp 2 và tại thời điểm hiện tại của bài viết, nó chỉ hoạt động trong Safari 9 với tiền tố
id="second-element" href="https://example.com">Sử dụng Bộ lọc phông nềnBộ lọc phông nền được thêm vào như là một phần của bộ lọc CSS được mô tả và vì vậy, cũng giống như thuộc tính 10, nó thừa kế tất cả những chức năng lọc tương tự như có hạn như 11, 12, và 13. Sự khác biệt duy nhất ở đây là nó sẽ tác động lên các yếu tố bên dưới của các phần tử được lựa chọnĐể sử dụng nó, chúng ta sẽ cần ít nhất hai thành phần; . Ví dụ1 id="first-element" class="filter"> 2 id="second-element" href="https://example.com">Bộ lọc biến tùy chỉnh với SVGCần xây dựng những gì?Hiện có một số cài đặt thực tế trên các trang web mà chúng tôi có thể áp dụng bộ lọc phông nền một cách có ý nghĩa hơn là chỉ là một trang trí. Một ví dụ hay là Trung bình, làm mờ ảnh theo dõi của bài viết cũng như các hình ảnh trong nội dung bài viết trước khi hình ảnh được tải đầy đủHiệu ứng mờ ảnh trong Trung bình. comMột ví dụ thực tế khác là Facebook, nó cũng làm mờ các tấm ảnh người lớn, không phù hợp hoặc nội dung gây rối, trước khi người dùng đồng ý xem đầy đủ hình ảnhFacebook làm mờ một tấm bảng thuộc phạm vi hướng dẫn Tiêu chuẩn cộng đồng của FacebookKết luậnTrong những năm qua, CSS đã được cải tiến bằng các đặc tả kỹ thuật mới cho phép nhà thiết kế xây dựng giao diện hấp dẫn hơn trên web. Chuyển đổi, chuyển tiếp và hoạt ảnh đã được cài đặt đầy đủ và bây giờ là Bộ lọc phông nền cũng đang hướng đến chúng taCho dù nó có thể còn quá sớm để sử dụng bộ lọc phông nền trong sản phẩm, thì những bản demo này chỉ ra rằng chúng ta sẽ sớm có thể áp dụng bộ lọc hiệu ứng vào các phần tử theo cách đơn giản hơn và cuối cùng là ít . Đến lúc đó, hãy theo dõi trang Blog của Webkit để cập nhật về điều này và các dự án khác
Bộ lọc phông nền được thêm vào như là một phần của bộ lọc CSS được mô tả và vì vậy, cũng giống như thuộc tính
1
Để sử dụng nó, chúng ta sẽ cần ít nhất hai thành phần; . Ví dụ
id="first-element" class="filter">
2
id="second-element" href="https://example.com">Bộ lọc biến tùy chỉnh với SVGCần xây dựng những gì?Hiện có một số cài đặt thực tế trên các trang web mà chúng tôi có thể áp dụng bộ lọc phông nền một cách có ý nghĩa hơn là chỉ là một trang trí. Một ví dụ hay là Trung bình, làm mờ ảnh theo dõi của bài viết cũng như các hình ảnh trong nội dung bài viết trước khi hình ảnh được tải đầy đủHiệu ứng mờ ảnh trong Trung bình. comMột ví dụ thực tế khác là Facebook, nó cũng làm mờ các tấm ảnh người lớn, không phù hợp hoặc nội dung gây rối, trước khi người dùng đồng ý xem đầy đủ hình ảnhFacebook làm mờ một tấm bảng thuộc phạm vi hướng dẫn Tiêu chuẩn cộng đồng của FacebookKết luậnTrong những năm qua, CSS đã được cải tiến bằng các đặc tả kỹ thuật mới cho phép nhà thiết kế xây dựng giao diện hấp dẫn hơn trên web. Chuyển đổi, chuyển tiếp và hoạt ảnh đã được cài đặt đầy đủ và bây giờ là Bộ lọc phông nền cũng đang hướng đến chúng taCho dù nó có thể còn quá sớm để sử dụng bộ lọc phông nền trong sản phẩm, thì những bản demo này chỉ ra rằng chúng ta sẽ sớm có thể áp dụng bộ lọc hiệu ứng vào các phần tử theo cách đơn giản hơn và cuối cùng là ít . Đến lúc đó, hãy theo dõi trang Blog của Webkit để cập nhật về điều này và các dự án khác
Hiện có một số cài đặt thực tế trên các trang web mà chúng tôi có thể áp dụng bộ lọc phông nền một cách có ý nghĩa hơn là chỉ là một trang trí. Một ví dụ hay là Trung bình, làm mờ ảnh theo dõi của bài viết cũng như các hình ảnh trong nội dung bài viết trước khi hình ảnh được tải đầy đủ
Một ví dụ thực tế khác là Facebook, nó cũng làm mờ các tấm ảnh người lớn, không phù hợp hoặc nội dung gây rối, trước khi người dùng đồng ý xem đầy đủ hình ảnh
Trong những năm qua, CSS đã được cải tiến bằng các đặc tả kỹ thuật mới cho phép nhà thiết kế xây dựng giao diện hấp dẫn hơn trên web. Chuyển đổi, chuyển tiếp và hoạt ảnh đã được cài đặt đầy đủ và bây giờ là Bộ lọc phông nền cũng đang hướng đến chúng ta
Cho dù nó có thể còn quá sớm để sử dụng bộ lọc phông nền trong sản phẩm, thì những bản demo này chỉ ra rằng chúng ta sẽ sớm có thể áp dụng bộ lọc hiệu ứng vào các phần tử theo cách đơn giản hơn và cuối cùng là ít . Đến lúc đó, hãy theo dõi trang Blog của Webkit để cập nhật về điều này và các dự án khác