在data-bond 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>

我想眨眼“拖动pin....change的位置”

只有当submit按钮被启用时，该行才会显示。

Answer 1

您可以使用CSS3完成此操作：

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

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