接下来把背景放大500%,然后设置了一个15秒的动画,动画infinite无限循环。
动画部分就是对背景进行一个定位,实现渐变颜色的动态切换。
html结构
css样式
gitee地址: siebe/html-css-demo (https://gitee.com/siebe/html-css-demo)
1、新建一个html文件,命名为test.html。
2、在test.html文件内,使用font标签创建三行文字,分别用不同的方法给font字体设置颜色。
3、在test.html文件内,直接在font标签上,通过color属性来设置字体的颜色。例如,设置font字体的颜色为红色。
4、在test.html文件内,设置font标签的class属性为myclass,主要用于下面通过该class来设置css样式。
5、在test.html文件内,设置font标签的id属性为myid,主要用于下面通过该id来设置css样式。
6、在css标签中,设置类名为myclass的样式,例如,设置color属性为蓝色(blue);设置id为myid的样式,例如,设置color属性为粉红色(pink)。
7、在浏览器打开test.html文件,查看实现的效果。