如何使用一些闪烁功能突出显示（闪烁）一个html链接上标文本？

Question

我希望highlight一个html link，其中一些superscript文字为“new”，并带有一个圆圈或星号符号。（上标中的“新”文字）。并且我希望它闪烁以指示用户它是new链接，以便user得到关注。

HTML：

    <li><a href="/refer"><i class="fa fa-user-plus"></i>&nbsp;Referrals&nbsp;<sup><span style="border-radius:30%; border:solid black 1px;padding:5px">New</span>
</sup></a></li>

Answer 1

使用此css进行闪烁

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

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

将其修改为您想要的样式类型。