利用CSS3把图片变成灰色模式的实例代码
编程学习 2025-06-11 05:17www.dzhlxh.cn编程入门
接下来,让我们仔细研究一个实例代码。这段代码是一个HTML代码片段,包含了灰度滤镜的应用以及图片的展示。通过复制并粘贴这段代码,您可以轻松地将灰色调应用到您的网页图片上,使您的网页更具艺术感。
实例代码如下所示:
```html
.gray {
-webkit-filter: grayscale(100%); / Safari 和 Chrome /
-moz-filter: grayscale(100%); / Firefox /
-ms-filter: grayscale(100%); / IE 9 /
-o-filter: grayscale(100%); / Opera /
filter: grayscale(100%); / 标准语法 /
filter: gray; / 为了兼容IE /
}
img { width: px; } / 设置图片宽度为像素 /
上一篇:ThinkPad P50值得买吗?联想ThinkPad P50笔记本全面详
下一篇:没有了
编程语言
- 利用CSS3把图片变成灰色模式的实例代码
- ThinkPad P50值得买吗?联想ThinkPad P50笔记本全面详
- 3dmax教程-变形金刚手机模型制作过程
- 网页设计中input标签写CSS时需要注意的几个问题
- 为狙击6s 曝三星将提前发布新款Galaxy Note
- css技巧收藏——经典中的经典
- a 中调用js的几种方法整理及使用推荐
- 电商店铺首页设计思路和过程经验分享
- flash怎么通过代码制作矩形的X位置向右不断移动
- 深度操作系统15.5Beta版怎么样?主要更新了哪些内
- windows 10预览版怎么启用零售模式?
- map标签的参数详细介绍及使用示例
- Win10 Build21376内测版发布 重新设计默认用户界面字
- 教你用口令入侵的方法
- CSS3的 fit-content实现水平居中
- 笔记本软件应用分析