转换图像为灰度图代码,Css代码库,德仔网

代码语言

代码分类

【Css】转换图像为灰度图

作者:亭 / 发布于2014/11/11/ 651


	/*
	* First create a file filters.svg with the following contents
	<?xml version="1.0" encoding="UTF-8"?>
	<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
	 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
	<svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg">
	 <filter id="grayscale">
	 <feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/>
	 </filter>
	</svg>
	*/

	img {
	 filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
	 filter: gray; /* IE5+ */
	 -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
	}

	img:hover {
	 filter: none;
	 -webkit-filter: grayscale(0);
	}

试试其它关键字

　灰度图　　转换图像　

同语言下

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

可能有用的

.C#实现的html内容截取
.List 切割成几份工具类
.SQL查询多列合并成一行用逗号隔开
.一行一行读取txt的内容
.C#动态修改文件夹名称(FSO实现，不移动文件)
.c# 移动文件或文件夹
.c#图片添加水印
.Java PDF转换成图片并输出给前台展示
.网站后台修改图片尺寸代码
.处理大图片在缩略图时的展示

亭贡献的其它代码(23)

.Java util.Date 转换成 sql.Date
.生日贺卡
.查询域名的 MX 记录
.字符串循环匹配
.获取网上指定id的按钮的名字
.兼容各大主流浏览器的旋转导航
.动态改变表格的边框宽度
.为数字在左边自动补0的函数
.隐藏状态栏
.utf8到unicode