全屏旋转背景图像

Question

我一直在寻找如何实现覆盖整个屏幕的动画旋转图像的效果。 Like this one。

低音，我想要的是让它旋转并成为全屏。

这是我到目前为止所获得的，http://losmosca.com.ar/reiki/

HTML：

<img src="img/bg.jpg" id='test' class='rotating'>

CSS3：

#test {
position:relative;
margin:0 auto;
width:1000px;
height:1000px;
}

@-webkit-keyframes rotating {
     from{
        -webkit-transform: rotate(0deg);
     }
     to{
        -webkit-transform: rotate(360deg);
     }
}

.rotating {
    -webkit-animation: rotating 1000s linear infinite;
}

正如你所看到的，我可以让它旋转而不是全屏，是否可能？ 谢谢！

Answer 1

尝试使用width:100%;而不是width:1000px;

和height:100%而不是height:1000px;

顺便说一下，我可能不得不找借口使用这个技巧。