是按照中心点顺指针转圈

如果要按照中心点顺时针旋转，只需要将动画的旋转方向改为顺时针即可。以下是更新后的代码：

.spinner:before, .spinner:after {
  /* 省略其他属性 */
  animation: spinner 2s infinite linear;
}

@keyframes spinner {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }

  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}

在上述代码中，我们将animation的timing-function属性设置为linear，即线性动画。然后将旋转方向改为顺时针，即将rotate(360deg)改为rotate(-360deg)。

这样，就可以实现按照中心点顺时针旋转的菊花loading背景效果了。