Blink a glyphicon

Blink a glyphicon

本文关键字：glyphicon Blink      更新时间：2023-09-26

我在 kendogrid 中使用字形图标。我希望字形图标在固定的时间间隔后闪烁。我的字形是 

<span class="glyphicon glyphicon-one-fine-white-dot blink" title="{{ConsoleLabels.TTP_SENDING}}"></span>
在

页面中添加此 css

.blink {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {  
  50% { opacity: 0.0; }
}

注意：对于旧版本，请使用前缀

由于你想使用javascript或jquery来做到这一点，这里有一个简单的方法来闪烁文本（通过opacity）。该元素仍将保持其作为块的比例，但会隐藏在视图中。

var value = false;
setInterval(function(){  
  value = !value;
  $('[data-blink]').css('opacity', Number(value))
}, 500)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<<span data-blink>Blinking Text</span>>

相关文章：