使用CSS将图片转换成黑白(灰色、置灰)
来源:互联网 发布:智慧眼网络摄像机 编辑:程序博客网 时间:2024/05/01 17:44
可能早就知道,像汶川这种糟糕的日子网站全灰在IE下是可以轻松实现的(filter: gray;),不过,当时,其他浏览器是无解的。不过,时代发展,如今,CSS3的逐步推进,我们也开始看到“黑白效果”大规模应用于实际的可能。
图片效果如下
代码如下,兼容IE浏览器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片灰色蒙版</title> <style> img { width:300px; height:300px; } .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } </style></head><body> <img src="img/timg.jpg"> <img src="img/timg.jpg" class="gray"></body></html>
还有很多方法原内容博主写的很不错,在这里推荐下:http://www.zhangxinxu.com/wordpress/2012/08/css-svg-filter-image-grayscale/
阅读全文
0 0
- 使用CSS将图片转换成黑白(灰色、置灰)
- 使用CSS将图片转换成黑白(灰色、置灰)
- 使用CSS将图片转换成黑白(灰色、置灰)
- 使用CSS将图片转换成黑白(灰色、置灰)
- 使用CSS将图片转换成黑白(灰色、置灰)
- 使用CSS将网站、图片转换成黑白的…
- 彩色图,然后将其转换成灰色图到黑白图
- css将彩图置灰
- 图片转换成灰色图片
- 网站页面置灰:使用css+js对页面图片、flash、背景等置灰处理
- 将图片变成黑白
- css 图片变灰
- [整理].NET上传图片时,储存成灰色的图片(黑白)
- c# winform 把彩色图片转换为灰色的图片,变灰,灰度图片,速度很快,safe,unsafe
- CSS3 filter grayscale 将整个界面变为黑白灰色调
- 【图像处理】使用CImage类将彩色图像转换成8位灰色图像
- Java将图片转黑白
- c# 将图片变黑白
- GetAsyncKeyState函数
- 540. Single Element in a Sorted Array
- 从零开始学_JavaScript_系列(53)——Generator函数(1)基本概念和示例
- 机器学习十大常用算法小结
- 使用数组制作简易的用户管理系统【java】
- 使用CSS将图片转换成黑白(灰色、置灰)
- RecycleView初识
- 2017年春招“森林举行运动会”编程题
- 秦风测试
- Myeclipse为Java Project配置JRE(或者JDK)环境
- java打印一个菱形
- node点滴
- 高级程序员日常手札C/C++指针使用常见的坑
- 模拟实现栈