带有可点击横幅旋转器的响应式固定页脚？

Question

我要轮换一些网页上的广告横幅。我无法在线找到说明。我可以找到固定的页脚，但希望横幅广告可以在移动设备和台式机上使用。

Answer 1

您可以使用transform和animation属性来完成类似的操作。 RotateZ定义沿z轴的3D旋转。

.rotate {
  display: inline-block;
  animation: roll 1s infinite;
  transform: rotateZ(360deg);
}

@keyframes roll {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

<h1 class="rotate">Banner Ad</h1>