新的起步，新的方向

Posted 2020-07-26 紫暧

       从16年3月步入社会到现在6月份，慢慢的找到了自己真正想做的，今天学习css3发现很多语法或者书写格式都改变了，同时也学到些新的标记，每天进步一小步，慢慢的积累下去，不断学习，不断努力中，不轻言放弃。

比如：

以前的写法：<input type="radio" value="my" name="sex"  id="my" checked>女</radio>;

现在的写法：<input type="radio" name="sex"/>女;

还学习到了很多新的标记。比如：<blackquote>-引用文本，border-radius-设置圆角，

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;}
}
等等。。。。。。。。。