0

これが可能かどうか誰かが教えてくれることを願っています

背景が「地球」の写真であるopencartにWebサイトがあります。時計回りに回転するようにz軸を中心に回転させてアニメーション化したいと思います。

body {
 background:url('../image/bg.jpg') repeat;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

これは背景を設定する CSS です。この部分を見つけましたが、背景のプロパティを参照できませんか? 確かではありませんが、これは私が基本的に body の background プロパティでやりたいことです。

.image {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 120px;
   height: 120px;
   margin:-60px 0 0 -60px;
   -webkit-animation:spin 8s linear infinite;
   -moz-animation:spin 8s linear infinite;
   animation:spin 8s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }

@keyframes spin { 100% { -webkit-transform: rotate(360deg); 
ransform:rotate(360deg);    }     }

HTMLページの背景画像を回転させることは可能ですか?

4

2 に答える 2