Question

如何增加html闪烁标签淡入时间

 <blink>
     <i class="fa fa-phone"></i>
     +01 0000 111 111
 </blink>

仅使用html

Answer 1

自<blink>起已弃用，您不应使用它，因为某些浏览器可能不支持它。但是，如果您仍然想要闪烁效果，则可以制作一个简单的CSS动画，然后将该动画添加到要闪烁的元素中。

这是这种动画的一个例子

@keyframes blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}

然后您可以将该动画添加到一个班级

.blink {
    animation: .1s blink_effect infinite
}

@keyframes blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

.blink {
  animation: .1s blink_effect infinite
}

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<div class="blink"><i class="fa fa-phone"></i>+01 0000 111 111</div>

Answer 2

HTML'blink'标记已过时。此外，blink（）方法不是标准的，并且可能无法在所有浏览器中正常工作。您可以根据需要使用JavaScript。

rxBuf_s* rxBuf_p = rxBuf;

int Cmd = rxBuf_p->cmd;

您还可以在此处更改持续时间。

HTML如何增加<blink>标签闪烁时间

2 个答案: