Html CSS转换延迟不工作
我试图使一个图像在悬停时使其自身变大。但是,Html CSS转换延迟不工作,html,css,css-transitions,Html,Css,Css Transitions,我试图使一个图像在悬停时使其自身变大。但是,转换延迟属性似乎不起作用。图像由对象标记加载,但我也尝试使用img标记 首先,给出100%的初始宽度和高度 #c_a object{ width:100%; height:100%; // transitions.. } 我遇到了一个问题,过渡延迟不起作用 在转换属性之后放置转换延迟非常重要 transition: transition-delay: 我的转换延迟也不起作用,但科尔巴乔的解决方案并没有为我做到这一点。然而,我发现
转换延迟
属性似乎不起作用。图像由对象
标记加载,但我也尝试使用img
标记
首先,给出100%的初始宽度和高度
#c_a object{
width:100%;
height:100%;
// transitions..
}
我遇到了一个问题,过渡延迟不起作用 在
转换
属性之后放置转换延迟
非常重要
transition:
transition-delay:
我的
转换延迟
也不起作用,但科尔巴乔的解决方案并没有为我做到这一点。然而,我发现如果我将转换
更改为转换持续时间
,那么它就可以工作了
transition-duration:
transition-delay:
顺便说一句,订单在这方面对我没有影响。也发布代码。:)顺便说一句,第一篇文章写得不错你所拥有的一切谢谢你。但是你想解释一下为什么没有指定宽度和高度它就不起作用吗?@LcSalazar你是否在等待延迟?;)在铬和Firefox@user3661754浏览器在设置到
auto
或从自动设置动画时变得很奇怪;CSS工作组担心嵌套转换的复杂性,所有这些转换都是从auto
进行的,而这些转换会导致循环重新计算。在我的情况下,这些规则不起作用,大多数等待250毫秒,但与这个问题无关。通过谷歌登陆这个问题的人中有一半的人都很关心。这正是我需要的,谢谢。很容易被忽视。这才是真正的解决办法!选择的答案毫无意义。由于某种原因,这打破了我这里的最佳答案-不必担心规则顺序或wierd黑客
transition:
transition-delay:
transition-duration:
transition-delay: