html如何让字体自动变色

htML让字体自动变色的实现方法：首先新建一个html文件；然后在style标签中，输入css代码如“@keyframes change { 0% { color: #333; } 50% { color: #f60; } ...} ”即可让字体自动变色。

本文操作环境：Windows7系统、HTML5& & CSS3、Dell G3电脑

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的style> 标签中，输入css代码：。

body {
    animation: change 3s linear 0s infinITe;
}
@keyframes change {
0% {
    color: #333;
}
50% {
    color: #f60;
}
100% {
    color: #f00;
}
}
    

【推荐：HTML视频教程】

3、浏览器运行index.html页面，此时字体颜色会随着时间的变化而自动变化。

以上就是html如何让字体自动变色的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！