CSS 滤镜 -webkit-filter 的先容和行使
各人也许对 Instagram 这款 iPhone APP 上的滤镜结果很感乐趣,着实 CSS3 开始也有滤镜(不是 IE 的那种滤镜),这些滤镜结果最初是用于 SVG 的,W3C 将其引入到 CSS3 中,然后拟定了 CSS Filter Effects 1.0 的类型,Webkit 率先支持了它。 -webkit-filter 的用法-webkit-filter 用法是尺度的 CSS 写法,如: -webkit-filter: blur(2px); -webkit-filter 支持的结果有:
下面是这几种滤镜详细的结果和代码,请在最新的 Safari 和 Chrome 赏识器上查察结果: 原图 blur 恍惚 brightness 亮度 contrast 比拟度 drop-shadow 阴影 opacity 透明度 grayscale 灰度 sepia 褐色 invert 反色 hue-rotate 色相旋转 saturate 饱和度
(编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |