课程笔记
课程/Html5/前端开发
Canvas玩儿转红包照片
介绍
章节
问答
笔记
pinzaghi
2019-12-10
filter属性的一些常用值
截图
0赞 · 0采集
廖凝璇4033382
2017-07-10
filter:blur(5)模糊 filter:grayscale(5)灰度 filter:sepia(5)黄棕色 filter:saturate(5)饱和度 filter:hue-rotate(50deg)色相 filter:invert(1)反色 filter:opacity(0.2)不透明度 filter:brightness(0.2)明度 filter:contrast(2)对比度 filter:drop-shadow(10px 10px 2px #aaa)阴影
截图
0赞 · 2采集
慕粉1155147658
2017-03-14
filter:blur(5)模糊 filter:grayscale(5)灰度 filter:sepia(5)黄棕色 filter:saturate(5)饱和度 filter:hue-rotate(50deg)色相 filter:invert(1)反色 filter:opacity(0.2)不透明度 filter:brightness(0.2)明度 filter:contrast(2)对比度 filter:drop-shadow(10px 10px 2px #aaa)阴影
0赞 · 0采集
陌生人0123456
2016-07-10
fiter
0赞 · 0采集
陌生人0123456
2016-07-10
fiter
0赞 · 0采集
霜花似雪
2016-06-24
css3像素处理 filter: grayscale(1); //灰度( 0 ~ 1 )default:100% sepia(1); //褐色 黄棕色( 0 ~ 1 )default:100% saturate(3); //饱和度 default:100% hue-rotate(90deg); //色相旋转 90deg 角度 default:0deg invert(1); //反色( 0 ~ 1 )default:100% opacity(0.2); //透明度( 0 ~ 1 )default:100% brightness(0.5); //亮度( 0 ~ 1 )default:100% contrast(2); //对比度 default:100% blur(10px); //模糊 default:0 drop-shadow(10px 10px 2px #aaa); //阴影 类似box-shadow(); filter:十种特效 grayscale灰度 0 ~ 1 sepia褐色 黄棕色 saturate饱和度 hue-rotate色相旋转 90deg 角度 invert反色 opacity透明度 brightness亮度 contrast对比度 blur模糊 drop-shadow阴影
截图
0赞 · 1采集
elaine2
2016-04-26
css3像素处理 filter: grayscale(1); //灰度( 0 ~ 1 )default:100% sepia(1); //褐色 黄棕色( 0 ~ 1 )default:100% saturate(3); //饱和度 default:100% hue-rotate(90deg); //色相旋转 90deg 角度 default:0deg invert(1); //反色( 0 ~ 1 )default:100% opacity(0.2); //透明度( 0 ~ 1 )default:100% brightness(0.5); //亮度( 0 ~ 1 )default:100% contrast(2); //对比度 default:100% blur(10px); //模糊 default:0 drop-shadow(10px 10px 2px #aaa); //阴影 类似box-shadow();
0赞 · 0采集
阿尔芒007
2016-03-26
filter: grayscale(1); //灰度( 0 ~ 1 )default:100% sepia(1); //褐色 黄棕色( 0 ~ 1 )default:100% saturate(3); //饱和度 default:100% hue-rotate(90deg); //色相旋转 90deg 角度 default:0deg invert(1); //反色( 0 ~ 1 )default:100% opacity(0.2); //透明度( 0 ~ 1 )default:100% brightness(0.5); //亮度( 0 ~ 1 )default:100% contrast(2); //对比度 default:100% blur(10px); //模糊 default:0 drop-shadow(10px 10px 2px #aaa); //阴影 类似box-shadow();
0赞 · 0采集
yxl1074399
2016-03-08
css3像素处理 filter: grayscale(1); //灰度( 0 ~ 1 )default:100% sepia(1); //褐色 黄棕色( 0 ~ 1 )default:100% saturate(3); //饱和度 default:100% hue-rotate(90deg); //色相旋转 90deg 角度 default:0deg invert(1); //反色( 0 ~ 1 )default:100% opacity(0.2); //透明度( 0 ~ 1 )default:100% brightness(0.5); //亮度( 0 ~ 1 )default:100% contrast(2); //对比度 default:100% blur(10px); //模糊 default:0 drop-shadow(10px 10px 2px #aaa); //阴影 类似box-shadow();
0赞 · 0采集
PeterZheng
2016-02-20
1、grayscale灰度 2、sepia褐色 3、saturate饱和度 4、hue-rotate色相旋转 5、invert反色 6、opacity透明度 7、brightness亮度 8、contrast对比度 9、blur模糊 10、drop-shadow阴影 最后,谈一谈Filters在浏览器中的兼容性: 目前支持这个属性的浏览器少得可怜,现在只有webkit支持,而且只有webkit nightly版本和Chrome 18.0.976以上以上版本才支持,所以说,你要是想看到效果就需要下载这两个版本中的一个。
截图
0赞 · 0采集
PeterZheng
2016-02-20
filter 有10种滤镜效果。
截图
0赞 · 0采集
慕课soul1_
2016-02-02
filter: blur (2px )
0赞 · 0采集
慕少4432244
2016-02-01
css3 filter 兼容性处理
截图
0赞 · 0采集
mikysunny
2016-01-30
saturate()饱和度
0赞 · 0采集
mikysunny
2016-01-30
filter:grayscale()灰度
0赞 · 0采集
mikysunny
2016-01-30
filter 有十种已经定义好的效果
0赞 · 0采集
别担心_有我陪着你
2016-01-29
滤镜效果
截图
0赞 · 0采集
单单happy
2016-01-29
filter:十种特效 grayscale灰度 0 ~ 1 sepia褐色 黄棕色 saturate饱和度 hue-rotate色相旋转 90deg 角度 invert反色<br> opacity透明度 brightness亮度 contrast对比度 blur模糊 drop-shadow阴影
1赞 · 3采集
来自太阳的风
2016-01-29
css3 filter对浏览器的版本要求:chrome:18.0 ie:不支持 firefox:35.0 猎豹:6.0 opera:15.0
0赞 · 0采集
Archer_
2016-01-28
黄棕色效果
截图
0赞 · 0采集
Archer_
2016-01-28
灰度效果
截图
0赞 · 1采集
数据加载中...