如何将 <blink> 添加到 reveal.js 幻灯片？

Question

我是一个新手，希望不要太琐碎：

如何添加到 reveal.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>

但是没用。

我做错了什么？

感谢您的帮助，

让

Answer 1

不要使用 <blink> 因为它是 depreciated

.blink {
  animation: blink 1s step-end infinite;
  color: pink;
}

@keyframes blink {
  67% {
    opacity: 0
  }
}

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

如何将 <blink> 添加到 reveal.js 幻灯片？

How do I add <blink> to reveal.js slides?

css

reveal.js