发光效果PNG上的脉动发光效果

Question

如果需要，我希望通过css和javascript从此图片获得此效果。我尝试了亮度和对比度，但我无法得到结果。

Answer 1

CSS过滤器会执行此操作。

然而，支持不是很好：CanIUse.com

＆＃13;

＆＃13;

img {
  -webkit-animation: glow .25s alternate infinite;
  animation: glow .25s alternate infinite;
}
@-webkit-keyframes glow {
  0% {
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
  100% {
    -webkit-filter: brightness(2);
    filter: brightness(2);
  }
}
@keyframes glow {
  0% {
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
  100% {
    -webkit-filter: brightness(2);
    filter: brightness(2);
  }
}

＆＃13;

<img src="http://i.stack.imgur.com/ZUqANt.png" alt="" />

＆＃13;

＆＃13;

＆＃13;