Rumah > hujung hadapan web > tutorial css > firefox中css如何把图片变成灰色

firefox中css如何把图片变成灰色

王林
Lepaskan: 2020-12-22 16:52:53
asal
2029 orang telah melayarinya

firefox中css把图片变成灰色的方法:可以通过属性【-webkit-filter:grayscale(100%);】来实现。filter属性定义了元素的可视效果,如模糊与饱和度等。

firefox中css如何把图片变成灰色

本教程操作环境:windows10系统、HTML5&&CSS3版本,该方法适用于所有品牌电脑。

(推荐教程:css视频教程

属性介绍:

filter 属性定义了元素(通常是)的可视效果(例如:模糊与饱和度)。

属性值:

grayscale(%)    将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0;

代码示例:

adfcba8ef93b37c6a80034866f1a357.png

实现效果:

fd1545e3fece0a2198163e3dbb5a107.png

(相关推荐:CSS教程

Atas ialah kandungan terperinci firefox中css如何把图片变成灰色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan