首页 > 其他 > 详细

设置未获得hover元素的样式

时间:2016-08-17 15:35:48      阅读:293      评论:0      收藏:0      [点我收藏+]

//li元素没有获得hover的样式设置

.gallery:hover li:not(:hover){
-webkit-filter: blur(2px) grayscale(1);
-moz-filter: blur(2px) grayscale(1);
-o-filter: blur(2px) grayscale(1);
-ms-filter: blur(2px) grayscale(1);
filter: blur(2px) grayscale(1);  //设置图片的模糊度,以及设置图片为黑白图片

opacity: .7; /* fallback */
}

 

<ul class="gallery">
<li><img src="img/wall3.jpg"></li>
<li><img src="img/wall5.jpg"></li>
<li><img src="img/wall7.jpg"></li>
</ul>

设置未获得hover元素的样式

原文:http://www.cnblogs.com/wanghai1989/p/5780061.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!