Claireh
2016-05-30 21:33
同学,你好。为什么我按照老师的这么叠着写根本出不来效果
.slider.ctrl.ctrl-i img{}写完在相应的DIV中还没有这个类,只有slider一个类
所以我就是像这样写的
.ctrl-i img{
width:150px;
position:absolute;
left:0;
bottom:13px;
z-index:1;
opacity:0;
-webkit-transition:all .2s;
}
.ctrl-i:hover{
background-color:#F0F0F0;
}
.ctrl-i:hovor img{
bottom:13px;
-webkit-box-reflect:below 0px -webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
color-stop(50%,transparent),
to( rgba(255,255,255,0.3))
);
opacity:1;
}
刚开始来时把倒影什么的样式放在了这个.ctrl-i img{}里面,我的倒影就可以出来,但是移到hovor:image里面就没效果了
-webkit-transition:all .2s;这个动画也出不来
求解答
有兼容性 在谷歌里好用,ie不支持,火狐都有兼容
JS+CSS3实现带预览图幻灯片效果
53759 学习 · 265 问题
相似问题
回答 1
回答 1