简单的 CSS 动画加载图标

大家好！
我最近找到了一份初级程序员的工作，这是我的第一份正式编程工作，我还在不断学习各种知识。另外，前段时间我开始考虑在这个网站上写一些博客文章，所以这是我的第一篇尝试 :)

我的第一篇博文想写一些简单的东西，这样出错的几率就小一些 :) 所以我用 CSS 做了一个简单的动画加载图标。

这是 Codepen 的链接：

正如你所见，动画是基于关键帧的。
基本上，我只是在缩放和旋转HTML元素，并实现一个无限循环的动画，动画方向交替变化。这意味着关键帧动画会先向前播放，然后再向后播放，并使用缓入缓出函数来控制动画的速度。缓入缓出函数使动画缓慢开始和结束。例如，如果我使用缓入函数，动画就会缓慢开始。

任何反馈，无论是正面的还是负面的，我都非常感激！:) 我期待着分享更多我学到的东西（包括 Spring、React，可能还有 Angular）。

感谢阅读 :)