IE下可以轻松实现，使用（filter：gray）
CSS3 grayscale 实现滤镜
.gray{
-webkit-filter:grayscale(100%);
-o-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
filter:grayscale(100%);
filter:gray;
}
利用grayscale.js实现
<script src="http://james.padolsey.com/demos/grayscale/grayscale.js"></script>
grayscale(document.getElementById("thisImage"));
###### 或者
grayscale(document.getElementsByTagName("img"))
###### jQuery：
grayscale($("#thisImage"));
还可以利用svg进行过滤，由于对svg不熟悉，所以这里就先不写了
IE下可以轻松实现，使用（filter：gray） CSS3 grayscale 实现滤镜 .gray{ ...
CSS常见布局： 一.左右布局 （1）float方式： 将float设置成left，使用margin调节两个区域间...
angular默认安装成功后，默认是的样式文件是*.css文件，如果需要设置成默认使用scss，则需要做以下配置：...
先来看看效果 这个效果由三部分组成，分别是：黑色背景，白色圆，和黑色字体。 为了便于看清，我把白色圆形的边框设置成...
一、基础变量 css也支持变量哦，把需要更改的地方设置成变量，一处设置，多处改变。 请看栗子：通过--variab...
在移动端避免使用100vh CSS中的Viewport单元听起来很棒。如果你想将一个元素设置成全屏高度，你可以设置...
linux里面我们可以把一些惯用的命令设置成alias（别名）方便我们的使用，还可以使用history来查看使用过...
项目中需要将navigationBar背景设置成绿色，状态栏文字设置成白色，效果图如下： 一般我直接在appdel...
Vue: scoped 样式与 CSS Module 对比ps: react中使用css-modules，只需把s...
1.你还可以用jQuery改变除了CSS以外的属性。比如，你可以让按钮变不可选。当你把按钮设置成不可选以后，这会让...
本文标题：使用css把彩色图片设置成黑白色
本文链接：https://www.haomeiwen.com/subject/kiojvxtx.html
网友评论