css写一个加载页面的动态效果

可以使用 CSS3 的动画效果来实现一个加载页面的动态效果，具体实现如下：

HTML：

<div class="loading">
  <div class="loading-circle"></div>
</div>

CSS：

.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.loading-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 5px solid #ccc;
  border-top-color: #333;
  animation: spin 1s linear infinite;
}

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

以上代码会在页面中心显示一个大小为 50px 的圆形加载动画，动画效果是不断旋转的圆圈。可以通过调整相关 CSS 属性来改变加载动画的样式和效果。