I have been searching everywhere for how to create an animated spinning image that covers the entire screen, similar to this example.
Essentially, what I am trying to achieve is a full-screen spinning effect.
This is what I have accomplished so far:
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;
}
While I can make it spin, I am having trouble achieving a fullscreen effect. Is this possible? Thank you!