如何将CSS动画限制为某个div?

时间:2012-12-08 02:08:07

标签: css css3 html

我一直在努力实现一个类似CSS空间的动画,该动画由100px高的div中的几个旋转图像和webkit变换组成。

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

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

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

正如您所看到的,CSS动画占用整个页面,而不是包含在 #example 中,即使编码本身位于HTML端的div内。

来自经验丰富的CSS用户的任何见解都会非常有帮助。我觉得这是一个小小的编码更改,但我已经在这几个小时调整代码中的各种东西无济于事。

1 个答案:

答案 0 :(得分:2)

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

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