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

我一直在尝试实现一个类似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用户的任何见解都将非常有帮助.我觉得这是一个小的编码变化,但我已经在这几个小时调整代码中的各种东西无济于事.

最佳答案 你可能正在寻找溢出:隐藏;属性.

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

点赞