CSS3位置动画不影响兄弟姐妹？

Question

我想知道，如果带有“过渡”和“变换”的CSS位置动画真的不影响动画对象周围物体的位置，或者我错过了什么。我试图让它影响到兄弟姐妹。

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

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

感谢您的帮助！

Answer 1

对于translate3d，我需要perspective我相信。试试这个：

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

Answer 2

如果您想要同时移动它们，只需将转换添加到#second，然后添加此css：

.slide, .slide + div { /* or use ~ if you want it to affect all next siblings */
  -webkit-transform: translateY(10em);
  -webkit-perspective: 1000;
}

FIDDLE