这种发光效果会有可能吗？

Question

看到这个运球后：

https://dribbble.com/shots/665300-Progress-bar

我真的很想知道是否有可能重新创造发光效果。最好的方案是动态工作，甚至闪烁等。

这可能是通过某种静态的半透明发光来完成的，但是我想知道这看起来是不是很好。

如何尝试使这项工作？完全是纯粹的css还是其他什么？当然，它需要在多个浏览器中正常运行。

Answer 1

假设你提到镜头眩光效果，我个人会使用PNG。

<div class="progress">
  <div class="progress-bar" style="width: 69%;"></div>
</div>

您可以在CSS中使用.progress .progress-bar:after添加background-image发光/镜头光晕图形，由于它在:after选择器中被隔离，因此可以独立制作动画（闪烁，脉冲，你的名字。）

如果您还没有，请查看Bootstrap中的进度条组件，因为它们有一套非常广泛的样式和变体，可以开始使用。

<强>资源：

• Progress Bars: Striped