可以通过CSS转换动画绝对定位元素吗?

前端之家收集整理的这篇文章主要介绍了可以通过CSS转换动画绝对定位元素吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想通过CSS转换来动画化元素的位置变化,但是即使我在所有属性上使用转换也不起作用,如下例所示: http://jsfiddle.net/yFy5n/3/

但是,我不希望我的最终解决方案应用到所有属性的转换,而只是在位置更改.所以颜色变化应该是瞬间的,只有从左到右的位置变化应该是动画的(与现在发生的相反).

解决方法

你忘了定义左边的默认值,所以它不知道如何动画.
.test {
    left: 0;
    transition:left 1s linear;
}

见:http://jsfiddle.net/shomz/yFy5n/5/

原文链接:https://www.f2er.com/css/216974.html

猜你在找的CSS相关文章