css图片变色变暗变亮
2016-05-16 12:34
477 查看
本文章向码农介绍css 图片变色变暗变亮
实例代码如下:
原文地址:http://www.manongjc.com/article/837.html
相关阅读:css
鼠标经过图片,图片变色变暗透明
实例代码如下:
<style> *{margin:0;padding:0;list-style:none;} img{border:1px solid #ccc} .info li { padding:5px;width:144px;float:left} .info li .img { padding:5px; border:1px solid #CBCBCB;display:block;} .info li .img:link,.info li .img:visited {border:1px solid #CBCBCB;} .info li .img:hover{border:1px solid #CBCBCB;background:#f0f0f0;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8} </style> </head> <body> <div class="info"> <ul> <li><a href="#" class="img" ><img src="#" /></a></li> <li><a href="#" class="img" ><img src="#" /></a></li> <li><a href="#" class="img" ><img src="#" /></a></li> </ul> </div>大家可以参考 css3 opacity 属性
原文地址:http://www.manongjc.com/article/837.html
相关阅读:css
鼠标经过图片,图片变色变暗透明
相关文章推荐
- CSS笔记2
- css实现垂直居中 + Yahoo前端优化十四条军规
- CSS笔记
- css-动画开关
- sublime 学习随笔(emmet)
- css3-飞进页面效果
- css垂直居中方法(四)
- css hack笔记
- css 3d笔记
- div + css 层的相对与固定
- css核心技术(笔记)
- css3阴影box-shadow学习
- css3 box-sizing属性
- 详解使用CSS3绘制矩形、圆角矩形、圆形、椭圆形、三角形、弧
- css水平垂直居中方法(一)
- css3-animation图层放大效果
- CSS简单图片墙布局(使用margin、float布局)
- CSS 3 过渡-transition
- 在js或css后加?v= 版本号不让浏览器缓存
- CSS学习之<img> & Background - CSS: The Missing Manual