比如：
以前的写法：女;
现在的写法：女;
还学习到了很多新的标记。比如：
background:linear-gradient-渐变 比如：background:linear-gradient(45deg,red,yellow,blue);设置红黄蓝三种颜色从45度开始渐变。
2D转换：
比如可以用： transform:rotate(30deg);旋转30度
动画：动画是使元素从一种样式逐渐变化为另一种样式的效果。
animation:mx 5s linear infinite; (animation:动画名称，时间，渐变方式，播放方式)
//关键词 "from" 和 "to"，等同于 0% 和 100%。
//0% 是动画的开始显示为橙色，100% 是动画的完成显示为红色。
第1种方式： @keyframes mx{
from{background:orange;}
to{background:red;}
}
第2种方式：当动画为 25% 及 50% 时改变背景色，然后当动画 100% 完成时再次改变：
@keyframes mx{
0% {background: red;}
25% {background: yellow;}
50% {background: blue;}
100% {background: green;}
}
等等。。。。。
下载本文