这个网站提供的素材内容是关于充电运营管理平台的一个HTML和CSS样式表。它定义了一系列的类名和属性,用于创建一种动画效果,使页面上的点(dot)看起来像在旋转。具体来说,它包括以下部分:

  • loading-mask: 一个固定的全屏背景,覆盖整个页面,不响应用户选择,并且具有最高的z-index值,确保其他元素不会遮挡住动画效果。
  • .loading-wrapper: 这个绝对定位的元素位于页面中心,并相对于屏幕进行平移,以实现动画效果。
  • .loading-dot: 这是动画的关键元素,每个点都包含一个名为antRotate的动画,持续时间为1.2秒,无限循环且速度一致,每次旋转45度。这些点的字体大小设置为64px,宽度和高度均为64像素,使用盒模型进行布局。
  • .loading-dot i: 点的内部包含一个小图标,其背景颜色为绿色(#1890ff),边框半径为22像素。这个图标在动画中显示为一个旋转的圆形。

这些样式和元素共同作用,创造出了一个看起来在旋转的点的效果,这通常用于加载指示器或表示某种正在进行中的操作,如数据加载、网络连接等。