html - CSS 过渡延迟不起作用

Question

我试图让图像在悬停在图像上时变大。但是 transition-delay 属性似乎不起作用。图片由 object 标签加载，不过我也尝试过使用 img 标签。

Fiddle

<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%;
}

Answer 1

我遇到了 transition-delay 不起作用的问题将 transition-delay 放在 transition 属性后很重要!

transition:
transition-delay: