- 资源介绍
- 更新记录
- 安装教程
效果描述：
默认图片是彩色效果，当鼠标悬停在图片上后，图片变成灰白色
(注意：不兼容IE10)
原理：
其实只要给图片悬停的hover效果加一个样式即可，即 filter: grayscale(100%);
使用方法：
1、将css样式引入到你的网页中
2、将body中的代码部分拷贝到你需要的地方即可
(图片采用绝对路径，不建议修改路径)
文章来自大资源网https://www.2426252023.com.cn转载请注明出处，谢谢!!!
猜你喜欢
-
HTML5预期年化收益圆形进度条动画代码
2020-07-17 -
自定义select下拉列表样式
2020-07-16 -
jquery模拟安卓手机桌面左右(上下)滑动效果
2020-07-11 -
可以在一定范围内拖动DIV
2020-07-13 -
css3动画网页提示插件Tooltip
2020-07-17 -
html5+canvas透明气泡网页背景动画特效
2020-07-11 -
CSS3六边形Loading加载动画特效
2020-07-15 -
css3绘制的卡通彩色圣诞树旋转动画特效
2020-07-10 -
html5+canvas绿色箭头雨背景动画特效
2020-07-10 -
HTML5网页版飞行棋游戏代码
2020-07-17
-
CSS3生日蛋糕蜡烛烟花动画场景特效
2020-07-16 -
漂亮的CSS3按钮边框动画特效
2020-07-11 -
鼠标移动控制飞机飞行方向js代码
2020-07-07 -
css3按钮点击过渡动画特效
2020-07-20 -
HTML5+Canvas彩色大波浪粒子动画特效
2020-07-14 -
HTML5+Canvas酷炫线条动画背景特效
2020-07-21 -
html5+canvas实现涂鸦写字板效果
2020-07-21 -
html5+canvas几何模型3D运动动画效果
2020-07-21 -
html5+canvas鼠标跟随线条动画特效
2020-07-17 -
3D效果的JS烟花背景特效
2020-07-13
猜你在找
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了？
- 找不到素材资源介绍文章里的示例图片？
- 大资源
- 2020-07-16Hi,初次和大家见面了,请多关照！
