Menu
CoddyTech

最终样式

Coddy CSS 项目:简单的加载动画 课程的第 6 课,共 6 课。

做得好!你已经完成了一个可以正常运行的加载动画。

现在该为它添加你自己的风格了。

challenge icon

挑战

简单

为旋转指示器添加一些自己的样式,完成后运行代码并完成项目!

 

进一步设置样式的一些提示:

  • 更改大小
  • 更改颜色
  • 边框宽度和样式
  • 添加更多动画(比如透明度?)
  • 还有更多……

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div id="spinner" />
</body>
</html>

CSS 项目:简单的加载动画中的所有课

自己练习: Web 在线编辑器