これが可能かどうか誰かが教えてくれることを願っています
背景が「地球」の写真である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ページの背景画像を回転させることは可能ですか?