我正试图让图像在悬停在图像上时变大。但是transition-delay
属性似乎不起作用。该图片由object
标记加载,但我也尝试使用img
标记。
<div id="c_a">
<object data="https://lh6.ggpht.com/Rr2X9m8HrCIGJrOKG3MOr9pRYERaa4yBLWUTeB6YNgJVlseJSMIbFWDc9nX6O2Y9HeWRf-2qL1gy0TInmKtKfRIBAJVPK4eglImapFb9=s660" type="image/jpg"></object>
</div>
CSS:
#c_a object{
transition: width 1s linear 2s, height 1s linear 2s;
-webkit-transition: width 1s linear 2s, height 1s linear 2s;
-o-transition: width 1s linear 2s, height 1s linear 2s;
-moz-transition: width 1s linear 2s, height 1s linear 2s;
}
#c_a object:hover{
width: 300%;
height: 300%;
}
答案 0 :(得分:28)
我遇到过渡延迟不起作用的问题
将transition-delay
放在 transition
属性之后非常重要!
transition:
transition-delay:
答案 1 :(得分:5)
答案 2 :(得分:0)
我的transition-delay
也没有工作,但是corbacho的解决方案并没有为我做到这一点。但是,我发现如果我将transition
更改为transition-duration
,那么它就可以了!
transition-duration:
transition-delay:
顺便说一句,订单对我没有任何影响。