css3滤镜效果

Posted 2021-04-09 独行者工作室

css3中的filter属性可以说是简单易用且强大，这些效果作用在图片上实现一些特效。

先给出一个例子的代码，其他的只需要改变filter的属性值即可。

<div class="box1">

<img />

<p>黑白</p>

<img  style="filter:grayscale(1);"/>

</div>

1

grayscale 灰度     值为0-1之间的小数 

2

saturate 饱和度　　　　 值为num

3

sepia 褐色　　 值为0-1之间的小数

4

hue-rotate 色相旋转　值为angle

5

blur 模糊　　　　　　  值为length

长按二维码

我的个人网站:wang2988.top