过滤器过滤css_Web开发人员阅读列表:CSS过滤器

过滤器过滤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内容具有以下优点:

  • 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.

    滤镜效果被“烘焙”到位图图像中,必须在应用程序中进行重新处理以进行任何更改。 修改样式表中的单个声明可以立即更改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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值