Css过渡不影响其他元素

时间:2013-11-23 21:08:01

标签: html css angularjs animation transition

大家好我有一个学校项目,我试图动画一些对象,我让css过渡工作,但我不希望其他元素受到过渡的影响。我已经看过其他关于使用css定位来解决这个问题的例子,但是当我在我的例子中添加定位时,图像开始抽搐而另一个html元素遍布整个地方。我附上了我的jsbin。我正在使用angularjs来遍历我正在使用的api,我不知道这是否会影响它?

http://jsbin.com/opEhAVi/1/edit

1 个答案:

答案 0 :(得分:1)

动画元素必须绝对定位,以便在例如更改大小时不影响其他元素。

处理它的方法是制作相对定位元素的列表。这些元素只是容器,以实现您想要的布局。然后每个元素包含一个绝对定位的元素。这是内容,要动画的元素。因为它绝对定位,所以不会影响其他元素。

我对您的示例做了一些快速更改,希望能够进一步指导您:

http://jsbin.com/ogAvAZUm/2/edit