jquery - 全屏旋转背景图片

Question

我一直在到处寻找如何实现覆盖整个屏幕的动画旋转图像的这种效果。喜欢这个。

基本上，我想要的是让它旋转并全屏显示。

这是我到目前为止得到的， 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;

顺便说一下很酷的效果，我可能要找个借口来使用那个技巧。