转换回到原始状态

时间:2015-10-05 21:25:10

标签: css3 google-chrome browser css-transitions css-transforms

当在谷歌浏览器45.0.2454.101 m上使用带有变换的CSS3过渡时,我注意到当鼠标停止在块上移动时,变换将恢复到其原始状态。为清楚起见,这里有一些代码:



#block div span {
    transform: scale(1.0);
    transition: transform 1s;
}

#block div:hover span {
    transform: scale(1.2);
}

<div id="block">
    <div>
        <span>Hello!</span>
    </div>
</div>
&#13;
&#13;
&#13;

当鼠标进入div时,跨度转换为比例(1.2)。如果鼠标停止,则跨度会立即返回到缩放(1.0)。当鼠标离开div时,跨度会立即缩放(1.2)并转换回比例(1.0)。

此行为是否可以修复/解决,是否对此浏览器而言是独一无二的?如何检测转换是否正确结束?

0 个答案:

没有答案