css3旋转背景图片

CSS3是一个优秀的样式设计语言，它可以实现许多强大的效果，比如旋转背景图片。

background-image:url("bg.jpg");
background-size:cover;
background-repeat:no-repeat;
animation:spin 5s linear infinite;

@keyframes spin {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}

在这段代码中，我们首先使用CSS3的background-image属性来设置背景图片，然后使用background-size和background-repeat属性来设置图片的显示方式。接下来，我们使用animation属性来定义一个名为spin的动画，它的属性包括动画名称、时间、动画方式和重复次数等参数。

在CSS3动画中，我们使用@keyframes关键字来定义具体的动画效果。这里，我们使用transform属性来实现旋转效果。从0度到360度表示旋转一整圈，linear表示匀速运动，infinite表示无限循环。

以上就是CSS3旋转背景图片的简单介绍了。通过使用CSS3的强大功能，我们可以轻松地实现各种想要的效果，让网页变得更加生动和有趣。