怎么用css样式把图片改为灰色
在css中，可以利用filter属性来把图片改为灰色，该属性可以给图片添加滤镜效果，只需要给图片元素添加“filter: grayscale(灰度数值%);”样式即可将图片设置为灰色。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中，可以利用filter属性来把图片改为灰色。
filter 属性定义了元素(通常是)的可视效果，即给图片添加滤镜效果，例如：模糊与饱和度。
当filter 属性的值为grayscale(%)，可将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0；
示例代码：
设置图片的灰度:
热门资讯
css3怎么改首字母颜色
实现思想：使用“:first-letter”选择器选中元素的首字母使用color属性给选中的字母修改...
关于 CSS 变量的一些你可能...
本篇文章带大家了解一下CSS 变量，介绍下没人告诉你关于 CSS 变量的那些事。有一定的参考价值，有...
快速提升开发技能的 20 个 ...
本篇文章给大家分享20 个 CSS 小技巧，用于快速提升开发技能，快来收藏吧，希望对大家有所帮助！
css3如何让animatio...
在css3中，可用animation-play-state属性来让运行的animation动画停止，...
值得收藏的CSS盒子模型属性详...
本篇文章给大家带来了css中关于盒子模型的诸多属性详细解析，其中包括边框、边距、圆角等等，希望对大家...
要过年了，使用CSS实现一个喜...
要过年了，下面本篇文章带大家用CSS画了个灯笼，并添加动画效果，实现灯笼左右摇摆的效果，希望对大家有...
css怎么实现鼠标移上去旋转效...
方法：1、用“@keyframes 动画名{100% {transform:rotate(角度)}”...
利用纯CSS实现旋转React...
本篇文章手把手带大家利用纯CSS实现旋转React图标的动画效果，希望对大家有所帮助！
css怎么实现图片放大缩小动画
方法：1、使用“@keyframes 动画名称{}”规则和“transform:scale(缩放比例...
使用CSS实现一个吃豆人的Lo...
本篇文章给大家介绍一下使用纯CSS怎么实现一个吃豆人的Loading加载效果，希望对大家有所帮助！