javascript - 如何突出显示(闪烁)具有某些 bling 功能的 html 链接上标文本？

Question

我想突出显示一个带有一些上标文本“new”的html link，上面有一个圆圈或星号。(上标的"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; }
}

修改成你想要的样式。