css滤镜
- August 28, 2018
- aaaaaAndy
css滤镜(filter)定义了元素的可视效果,如:模糊和饱和度。
npm滤镜库
1. 基本用法
修改所有的图片为黑白(灰度100%)
css语法
1
2
3
4
img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
JavaScript语法
1
document.getElementById('grayImg').style.WebkitFilter = "grayscale(100%)";
2. 常用参数
Filter 描述 none 默认值,没有效果 blur(%) 高
Continue reading