1、首先准备一个HTML结构的文档，页面可以制作的简单点。
2、然后在页面的body区域中放置一个img图片。
3、我们先来运行一下页面，你会在页面中看到如下图所示的圆圈。
4、接下来我们就需要对页面进行CSS处理，如下图所示，给img图片添加样式，注意里面有旋转样式。
5、然后实现旋转的设置，这个是CSS3的新功能，主要是对图片进行旋转度数的设置。
6、最后运行程序，你会看到页面中的圆圈在不停的旋转，和我们平常看到的加载中的效果很像。
在 HBuilder 中，首先需要创建一个 HTML 文件，并在 head 标签中添加 link 标签引用 CSS 文件，如：
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
然后，在 HBuilder 中创建一个 CSS 文件，并在其中编写 CSS 代码。当 HTML 文件运行时，会自动加载并应用 CSS 文件中的样式。
注意：需要确保 HTML 文件和 CSS 文件在同一目录下，或者指定正确的文件路径。
