Heim >Web-Frontend >HTML-Tutorial >新的起步,新的方向
从16年3月步入社会到现在6月份,慢慢的找到了自己真正想做的,今天学习css3发现很多语法或者书写格式都改变了,同时也学到些新的标记,每天进步一小步,慢慢的积累下去,不断学习,不断努力中,不轻言放弃。
比如:
以前的写法:女;
现在的写法:女;
还学习到了很多新的标记。比如:
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;} }<br>等等。。。。。。。。。