css - 我可以使用 CSS 过渡动画绝对定位元素吗?

标签 css css-transitions

我想用 CSS 过渡动画元素的位置变化,但即使我在 all 属性上使用过渡,它也不起作用,如这里的示例所示:http://jsfiddle.net/yFy5n/3/

但是,我不希望我的最终解决方案将过渡应用到所有属性,而是仅在位置更改时应用。所以颜色变化应该是即时的,只有从左到右的位置变化应该是动画的(与现在发生的相反)。

最佳答案

您忘记为 left 定义默认值,所以它不知道如何设置动画。

.test {
    left: 0;
    transition:left 1s linear;
}

参见此处:http://jsfiddle.net/shomz/yFy5n/5/

关于css - 我可以使用 CSS 过渡动画绝对定位元素吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24973176/

相关文章:

javascript - 如何在提交 JavaScript 后关闭模态

html - CSS3 Transition 因搜索或文本输入而异?

css - 为什么当我不关注输入时,这个 CSS3 转换不起作用? ( :focus)

css - 获取 CSS3 过渡以更改为动态高度

css - 我应该在 Openshift v3 中的什么地方存储 CSS 文件?

css - 什么 CSS 技术用于丰富的列/行嵌套内容框?

css - 如何将 toastr-rails gem 添加到 Rails 6 元素中?

html - 绝对定位的 div 上的 css3 高度过渡自动溢出失败

css - 向一个对象添加两个动画 [到图像]

html - 搜索栏样式出现在本地但不在 heroku 上