Page 243 - css揭秘
P. 243
animation: 1s blink 3 steps(1); /* 或用step-end */
}
现在终于成功了！谁能猜到这个传统的硬切闪烁居然会比现代流畅的平
滑闪烁更难实现？ CSS 永远让你惊喜不断……
试一试 play.csssecrets.io/blink
CSS 动画
http://w3.org/TR/css-animations 相关规范
45 打字动画
背景知识
基本的 CSS 动画，“逐帧动画”，“闪烁效果”
难题
有些时候，我们希望一段文本中的字符逐个显现，模拟出一种打字的
效果。这个效果在技术类网站中尤为流行，用等宽字体可以营造出一种终
端命令行的感觉。如果使用得当，它确实可以让整个网页的设计感提升一
个档次。
通常来说，这个效果需要用到一堆又臭又长、难以理解的 JavaScript 代
码。实际上这完全是纯表现层的问题，但用 CSS 来实现似乎仍是痴人说梦。
慢着，或许它并非遥不可及？
212 第 8 章 过渡与动画
ࠡ JOEC
