0

画面全体を覆うアニメーションの回転画像のこの効果を実現する方法をどこでも探してきました。このように。

基本的に、私が望むのは、回転させてフルスクリーンにすることです。

これは私がこれまでに得たものです、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;
}

ご覧のとおり、回転させることはできますが、フルスクリーンにすることはできません。可能ですか? ありがとう！

4

1 に答える 1

0

width:100%;ではなく使用してみてくださいwidth:1000px;

そしてheight:100%むしろheight:1000px;

ところでクールな効果、そのトリックを使う言い訳を見つけなければならないかもしれません。

于 2013-03-26T04:07:28.503 に答える