Css 旋转html正文背景

希望有人能告诉我这是否可行

我有一个网站在opencart的背景是一个“地球”图片，我想让它的动画，让它在其z轴上旋转，使其顺时针旋转

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

这是css设置的背景，我已经找到了这一块，但我看到我不能参考背景属性？不确定，但这就是我基本上希望主体的背景属性所做的

.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页面的背景图像？

您将无法应用

转换来旋转背景图像：它只能应用于整个DOM元素。最好的选择是——而不是将背景应用于
主体
标记——将图像本身包含在标记中

然后，您将应用定位和z索引来直观地获得正确位置的图像，并且由于它位于标记中，您可以在该元素上应用
转换

我上面描述的是（我没有在那把小提琴里碰CSS），所以我对你的问题有点困惑。
正如我们所说，你不能旋转bg图像。你可以做的是将图像添加到你的HTML中，绝对定位，然后旋转它


作为替代，您可以使用一个伪元素，将图像从HTML中完全删除，并将其放回CSS中它所属的位置


您是否尝试过设置
变换：旋转（0度）在.image类中开始？那么它有两个值来设置动画？如果我有一个“你不能旋转背景图像”，它会旋转图像。你可能可以旋转一个元素（不是身体），但绝对定位的div…你可以旋转。你认为我会让它按照上面的代码旋转（动画）吗？如果是的，如果你真的能给我举一个smalles的例子，告诉我该怎么做，我会非常感激。查看我答案中的链接-这就是你想要实现的吗？我已经查看了那部分，对我来说，它的代码很棒，但我需要它来旋转背景图像，如果我有一个，无法旋转bg图像。你可以做的是将图像添加到你的HTML中，绝对定位，然后旋转它。看：谢谢你们，谢谢你们，我很感激
body {
    position:relative;
}

body:before {
    content:"";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin:-60px 0 0 -60px;
    background-image:url(http://placekitten.com/300/300);
    -webkit-animation:spin 8s linear infinite;
    -moz-animation:spin 8s linear infinite;
    animation:spin 8s linear infinite;
    opacity:0.5;
    border-radius:50%;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { transform:rotate(360deg);    }