没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
大家可能对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 支持的效果有:blur 模糊 brightness 亮度 contrast 对比度 drop-s
资源推荐
资源详情
资源评论
CSS3 滤镜滤镜 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 支持的效果有支持的效果有:
blur 模糊
brightness 亮度
contrast 对比度
drop-shadow 阴影
grayscale 灰度
opacity 透明度
sepia 褐色
invert 反色
saturate 饱和度
hue-rotate 色相旋转
下面是这几种滤镜具体的效果和代码,请在最新的 Safari 和 Chrome 浏览器上查看效果:
原图原图
blur 模糊模糊
-webkit-filter:blur(2px);
brightness 亮度亮度
资源评论
weixin_38630139
- 粉丝: 3
- 资源: 935
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功