CSS3把图片变成灰色模式的实例

来源：懂视网责编：小采时间：2020-11-27 18:53:00

CSS3把图片变成灰色模式的实例

CSS3把图片变成灰色模式的实例:这篇文章给大家分享了如何利用CSS3把图片变成灰色模式的效果，实现起来很简单，有需要的朋友们可以参考借鉴。实例代码：代码如下: <!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"&

推荐度：

点击下载本文 文档为doc格式

导读CSS3把图片变成灰色模式的实例:这篇文章给大家分享了如何利用CSS3把图片变成灰色模式的效果，实现起来很简单，有需要的朋友们可以参考借鉴。实例代码：代码如下: <!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"&

这篇文章给大家分享了如何利用CSS3把图片变成灰色模式的效果，实现起来很简单，有需要的朋友们可以参考借鉴。

实例代码：

代码如下:

<!DOCTYPE html>
<html>
<head>
 <meta charset="{CHARSET}">
 <title></title>
 <style type="text/css">
 .gray {
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%);
 filter: gray;
 }
 img{width:400px;}
 </style>
</head>
<body> 
 <img class="gray" src="<a href="http://b.hiphotos.baidu.com/zhidao/pic/item/1c950a7b02087bf4fbb05256f0d3572c11dfcf35.jpg">http://www.gxlcms.com/;/a>">
 <img class="gray" src="<a href="http://c.hiphotos.baidu.com/zhidao/pic/item/03087bf40ad162d9e0c359f214dfa9ec8a13cd2a.jpg">http://www.gxlcms.com/;/a>" />
 <img src="<a href="http://b.hiphotos.baidu.com/zhidao/pic/item/1c950a7b02087bf4fbb05256f0d3572c11dfcf35.jpg">http://www.gxlcms.com/;/a>">
 <img src="<a href="http://c.hiphotos.baidu.com/zhidao/pic/item/03087bf40ad162d9e0c359f214dfa9ec8a13cd2a.jpg">http://www.gxlcms.com/;/a>" c/>
</body>
</html>

总结

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

CSS3把图片变成灰色模式的实例

推荐度：

点击下载本文 文档为doc格式

标签：图片变成灰色

热门焦点

CSS3把图片变成灰色模式的实例

CSS3把图片变成灰色模式的实例

CSS3把图片变成灰色模式的实例

最新推荐

猜你喜欢

热门推荐