过滤属性

  1. 由于过滤器是一项实验性功能,因此应使用 -webkit 前缀。它可能会改变语法和行为,但变化可能会很小。

  2. 旧版本的主流浏览器可能不支持它。在移动浏览器中可能完全不支持它。

  3. 由于其相对有限的支持,尝试使用 box-shadow 而不是 filter: drop-shadow()。使用 opacity 代替 filter: opacity()

  4. 它可以通过 Javascript / jQuery 动画。对于 Javascript,请使用 object.style.WebkitFilter

  5. 查看 W3SchoolsMDN 以获取更多信息。

  6. W3Schools 还有一个针对所有不同类型的过滤器值的演示页面