Css 如何添加<；眨眼>；显示.js幻灯片？

我是一个完全的新手，希望这不是太琐碎：

如何添加到discover.js幻灯片？我试图补充

blink, .blink {

  -webkit-animation: blink 1s step-end infinite;

  -moz-animation: blink 1s step-end infinite;

  -o-animation: blink 1s step-end infinite;

  animation: blink 1s step-end infinite;

}


@-webkit-keyframes blink {

  67% { opacity: 0 }

}


@-moz-keyframes blink {

  67% { opacity: 0 }

}


@-o-keyframes blink {

  67% { opacity: 0 }

}


@keyframes blink {

  67% { opacity: 0 }

}

到css，然后写：

<section>headline:
        <p class="fragment">text</p>
        <p class="fragment">text</p>
        <p class="fragment"><font color="FF1493"><blink>text that should blink in pink</blink></font></p>

</section>

标题：
文本
文本
应该以粉红色闪烁的文本

但它不起作用

我做错了什么

谢谢你的帮助

Jean

不要使用

，因为它是

。闪烁{
动画：闪烁1s步结束无限；
颜色：粉红色；
}
@关键帧闪烁{
67% {
不透明度：0
}
}

标题：
文本
文本
应该以粉红色闪烁的文本

不要这样做。使用。眨眼曾经我是认真的。。。。。曾经