CSS3动画-文字闪烁
文字闪烁
文字闪烁是一种动画，在css中要达到相似的效果，除了使用js设置修改，第一时间想到的就是css中的animation(动画)了。
CSS3 动画
通过 CSS3，我们能够创立动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。
CSS3 @keyframes 规则
如需在 CSS3 中创立动画，您需要学习 @keyframes 规则。
@keyframes 规则用于创立动画。在 @keyframes 中规定某项 CSS 样式，就能创立由当前样式逐步改为新样式的动画效果。
浏览器支持
CSS3动画属性
那么就用已有的这些知识，做个文字闪烁的功能：
代码示例：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> p { font-size: 36px; font-weight: bold; color: red; animation: blink 2s linear infinite; -webkit-animation: blink 2s linear infinite; -moz-animation: blink 2s linear infinite; -ms-animation: blink 2s linear infinite; -o-animation: blink 2s linear infinite; } @keyframes blink { 0% { color: red; } 50% { color: transparent; } 100% { color: red; } } </style></head><body> <p>中国，加油！</p></body></html>测试结果
假如觉得文章写得还行，请点个赞。假如想与我进一步交流，可以关注我的公众号或者者加我的微信。
个人微信
公众号_前台微说.jpg
说明
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
7. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » CSS3动画-文字闪烁
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
7. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » CSS3动画-文字闪烁
