CSS设定图片变灰色
来源:互联网 发布:ip2780清零软件下载 编辑:程序博客网 时间:2024/04/29 09:02
在最近工作中,开发过程中需要设定一个图片变为灰色,刚开始我以为是更换图片,可是做了一段时间发现CSS就可以设定图片颜色变回灰色。具体的代码如下:
图片如下:
具体的实现由两种方法:一个是CSS3的滤镜功能。具体代码如下:
<span style="font-size:18px;">.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }</span>
只要把上面代码拷过去,设定成你想修改的图片样式就可以了。例如
<img src="1.jpg" /> <img src="1.jpg" class="gray" />
0 0
- CSS设定图片变灰色
- 网页图片变灰色
- 图片变灰色
- CSS之网页变灰色
- 默认图片是灰色鼠标放上去变彩色css效果代码(仅支持ie)
- 网络默哀;网站变灰色---CSS样式
- 网站整体变灰色的css代码
- 鼠标经过图片由灰色变彩色
- 鼠标经过图片由灰色变彩色
- 使图片变成灰色CSS
- css 图片变灰
- css,css3使网页变成灰色,图片变成灰色
- 灰色星期一,网站变灰白风格CSS代码
- 灰色星期一,网站变灰白风格CSS代码
- 全国哀悼日网页变灰色的CSS代码
- 使用js方式实现图片变灰色的滤镜效果
- 让网页图片变灰色的三种方法
- 让网页图片变灰色的三种方法
- 前端路上的各种问题-javascript-1
- uvalive4840(n*n方阵的最小花费)
- Cassandra入门指南--安装及配置
- Gradle 使用总结
- Java中instanceof关键字的应用
- CSS设定图片变灰色
- Android 5.1 Phone 挂断电话流程分析
- 选择排序Select Sort
- muduo网络库源码学习————线程安全
- openWRT执行make menuconfig时报错
- 1.GitHub译文之安装Git
- DICOM:DICOM3.0标准中文版开源书籍之“git版本库合并”
- 《IOS_C语言》指针
- 结构体中经常碰到的一个错误 undeclared identifier