倒影和動(dòng)畫(huà)都出不來(lái),求大神解答
同學(xué),你好。為什么我按照老師的這么疊著寫(xiě)根本出不來(lái)效果
.slider.ctrl.ctrl-i img{}寫(xiě)完在相應(yīng)的DIV中還沒(méi)有這個(gè)類,只有slider一個(gè)類
所以我就是像這樣寫(xiě)的
.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;
}
剛開(kāi)始來(lái)時(shí)把倒影什么的樣式放在了這個(gè).ctrl-i img{}里面,我的倒影就可以出來(lái),但是移到hovor:image里面就沒(méi)效果了
-webkit-transition:all .2s;這個(gè)動(dòng)畫(huà)也出不來(lái)
求解答
2016-06-12
有兼容性 ? 在谷歌里好用,ie不支持,火狐都有兼容