CSS3 位置动画不影响 sibling ?

标签 css animation css-position transform

我想知道,带有“transition”和“transform”的 CSS 定位动画是否真的不会影响动画对象周围对象的位置,或者我是否遗漏了什么。我正试图让它影响 sibling 。

-webkit-transition: all 0.5s ease;
-webkit-transform: translateY(10em);

http://jsfiddle.net/W2L7B/6/

感谢您的帮助!

最佳答案

我相信对于 translate3d 你需要有perspective。试试这个:

.slide {
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0,10em,0);
}

关于CSS3 位置动画不影响 sibling ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24064707/

相关文章:

html - 在 react 中使用线性渐变中的 Prop 值

html - 使用按钮控制 CSS 动画

css - 具有过渡效果的相对定位

html - parent 相对定位和 float left child 绝对定位

javascript - 基于 child-nth 和 js 的具有自定义 css 边距的同位素对象

css - 子选择器——哪个是第一个、最后一个和最后一个?

java - 在 Java Swing 中淡化部分图形

css - 粘性页脚在 IE 中不起作用

javascript - 如果在 IFrame 中打开应用程序宽度不适合窗口

animation - 面部动画与演讲同步