数据绑定上的闪烁文本 - html [重复]

Question

我希望文本闪烁以引起用户注意。

以下是代码

<div class="col-md-6">
      <div id="placeMap" class="placeMap" style="width: 100%; height: 300px;"></div>
      <div data-bind="if: showSubmit">Drag the map pin or enter a new address to change the location</div>
    </div>

我想闪烁“拖动猫针……改变位置”

该行仅在启用提交按钮时显示。

Answer 1

你可以用 CSS3 做到这一点：

.blinkingText {
    animation: 1 blink 1s step-end infinite
}

@keyframes blink {
    0% {background-color: blue}
    50% {background-color: black}
}