Question

我在kendogrid中使用glyphicon。我希望glyphicon在固定的时间间隔后闪烁。我的glyphicon是

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

Answer 1

在您的信息页中添加此css

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}

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

Answer 2

由于您希望使用javascript或jquery来实现，因此这是一种使文本闪烁的简单方法（通过opacity）。该元素仍将其作为一个块保持比例但隐藏在视野之外。

＆＃13;

var value = false;
setInterval(function(){  
  value = !value;
  $('[data-blink]').css('opacity', Number(value))
}, 500)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<<span data-blink>Blinking Text</span>>

＆＃13;