过滤器过滤css
Filters are a relatively new and rapidly evolving part of CSS, broadly classified into three types:
过滤器是CSS的一个相对较新且发展Swift的部分,大致分为以下三种类型:
“Basic” CSS filters, which have very good support outside of Internet Explorer.
“基本” CSS筛选器 ,在Internet Explorer之外具有很好的支持。
Blend modes, a specification promoted by Adobe: very new, and strongly related to the filter modes of Adobe PhotoShop.
混合模式 ,这是Adobe提出的一项规范:非常新,与Adobe PhotoShop的滤镜模式密切相关。
Custom Filters, aka Custom Shaders: code derived from the WebGL spec. Also very new, but the most powerful of the available filter set. Strictly speaking, not CSS at all, and therefore not addressed in this reading list.
自定义过滤器, 也称为自定义着色器 :从WebGL规范派生的代码。 也很新,但是在可用的过滤器集中功能最强大。 严格来讲,根本不是CSS,因此在本阅读列表中未涉及。
There are also <canvas>
filters, but they are essentially JavaScript versions of the first two kinds of CSS filter.
也有<canvas>
过滤器,但是它们本质上是前两种CSS过滤器的JavaScript版本。
为什么要使用过滤器? (Why Use Filters?)
Using CSS filters to alter HTML content provides several advantages:
使用CSS过滤器更改HTML内容具有以下优点:
PhotoShop filter effects are “baked” into bitmap images, and must be reprocessed in the application to make any changes; modifying a single declaration in a stylesheet can immediately alter a CSS filter.
PhotoShop滤镜效果被“烘焙”到位图图像中,必须在应用程序中进行重新处理以进行任何更改。 修改样式表中的单个声明可以立即更改CSS过滤器。
CSS filters can be animated and transitioned.
CSS过滤器可以设置动画和过渡 。
- Filters can substantially reduce file sizes. 过滤器可以大大减小文件大小。
Goals: apply cross-browser filters to different HTML content
目标:将跨浏览器的过滤器应用于不同HTML内容
Prerequisites: Introduction to CSS, Basic HTML Images, CSS for Images
先决条件: CSS简介 , 基本HTML图像 , 用于图像CSS
Recommended: CSS Transforms & Animation
推荐: CSS变换和动画
翻译自: https://thenewcode.com/899/Web-Developer-Reading-List-CSS-Filters
过滤器过滤css