css - 如何将CSS动画限制在某个div上？

Question

我一直在尝试在一个 100 像素高的 div 中实现一个由多个旋转图像和 webkit 转换组成的类似 CSS 空间的动画。

我希望将 CSS 动画限制在的 div 称为#example。

在此处查看当前编码: http://jsfiddle.net/R6DKg/1/

#example { 
position:fixed; 
z-index:2000; 
width:100%;
}

如您所见，CSS 动画占据了整个页面，而不是包含在 #example 中，即使编码本身位于 HTML 端的 div 中也是如此。

经验丰富的 CSS 用户的任何见解都将非常有帮助。我觉得这似乎是一个很小的代码更改，但我已经花费数小时调整代码中的各种内容，但无济于事。

Answer 1

您可能正在寻找 overflow:hidden; 属性。

http://jsfiddle.net/R6DKg/5/