css3 border旋转时的动画应用

【重构】

今天我要给大家展示一段精彩的JavaScript代码，这段代码展示了如何使用CSS3动画实现border旋转的效果。让我们开始吧！

我们创建一个HTML文件，然后在head部分添加一些必要的元素。其中，我们设定页面的背景颜色为灰色，然后定义一个名为"he"的div元素。这个元素会作为我们动画的主体。它的宽度和高度都是100px，居中显示，并且拥有一个黑色的边框和一个白色的左边边框。为了让它呈现圆形，我们将border-radius设置为70px。我们为这个元素添加动画效果。

以下是HTML和CSS代码：

```html

接下来是效果图：" align="center"> 最后提醒一下，这个代码的效果是通过CSS实现的，所以需要在浏览器环境下运行才能看到效果。希望这段代码能给大家带来启发和帮助！