倒影和动画都出不来,求大神解答

来源:2-3 基本界面样式完成

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;这个动画也出不来

求解答


写回答 关注

1回答

  • 殇苡迦箬
    2016-06-12 21:07:41

    有兼容性   在谷歌里好用,ie不支持,火狐都有兼容

JS+CSS3实现带预览图幻灯片效果

同样的幻灯片,不一样的切换,学会实现思路,操作很简单

53759 学习 · 265 问题

查看课程

相似问题