使用 CSS 实现具有发光效果的旋转球动画

使用变换属性可以轻松创建旋转球动画以旋转球。动画迭代计数被应用为无限以获得永无止境的旋转动画。为了获得发光效果，使用了 box-shadow。

脚步：

• 创建一个名为 index.html 的 HTML 文件。
• 在 index.html 文件中创建一个 div 元素并给出一个类名ball 。
• 为这个类名添加样式。
• 使用 @keyframes 规则创建一个名为spinball 的动画。使用变换属性来旋转球。
• 在 box-shadow 属性中应用 2 种颜色插入组合以获得发光的旋转效果。
• 可以通过更改动画持续时间来调整旋转速度。

HTML

输出：

旋转球动画