这是在项目中用到的一点,我的解决方式有两个要点:
1、所有div透明度设置为0.2;
2、hover的div设置透明度为1;
实现代码为:
.container-fluid:hover .widget-content{opacity:0.2; }
.widget-content{
position:relative; margin-right:10px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.span6 .widget-content:hover{opacity:1; }