javascript - 仅限脉动文本 CSS3？

Question

如果给定一串文本“Hello World”，每隔几秒它就会从绿色变为蓝色，然后从蓝色变为绿色，从绿色变为蓝色，从蓝色变为绿色，而无需一行javascript？ (是否碰巧有任何 SCSS 或 SASS 快捷方式？)

Answer 1

这是您想要的 CSS3:

.textClass {
 -webkit-animation: color_change 1s infinite alternate;
 -moz-animation: color_change 1s infinite alternate;
 -ms-animation: color_change 1s infinite alternate;
 -o-animation: color_change 1s infinite alternate;
 animation: color_change 1s infinite alternate;
}

@-webkit-keyframes color_change {
 from { color: blue; }
 to { color: green; }
}
@-moz-keyframes color_change {
 from { color: blue; }
 to { color: green; }
}
@-ms-keyframes color_change {
 from { color: blue; }
 to { color: green; }
}
@-o-keyframes color_change {
 from { color: blue; }
 to { color: green; }
}
@keyframes color_change {
 from { color: blue; }
 to { color: green; }
}

<p class="textClass">Hello World</p>

阅读:http://tjvantoll.com/2012/02/20/CSS3-Color-Animations/了解更多信息