2015-09-07 140 views
0

我想从这张图片中获得此效果Glowing gifenter image description here如果需要,请使用CSS和JavaScript。我尝试了亮度和对比度,但我无法得到结果。发光效果对PNG的脉动发光效果

+0

你为什么不张贴一些代码。我的意思是你应该给出什么时候亮度/对比度变化何时进行从一种状态到另一种状态的转换.. –

+0

将css样式从一个变为另一个不是问题,用这样的CSS获得效果是一个问题。 –

+0

用发光编辑图像。使用动画在状态之间切换。 –

回答

2

CSS过滤器将做到这一点。

支持但也不是很大:CanIUse.com

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); 
 
    } 
 
}
<img src="http://i.stack.imgur.com/ZUqANt.png" alt="" />