• 新的起步,新的方向


           从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;}
    }
    等等。。。。。。。。。
  • 相关阅读:
    Webdriver API之元素定位
    学生XX码
    网站设计基础
    JS基础知识
    1、变量和基本类型
    网上地址下载图片
    网上地址下载图片2
    微信账号
    INSERT INTO SELECT语句与SELECT INTO FROM语句
    【基础知识】创建匹配游戏
  • 原文地址:https://www.cnblogs.com/ting116/p/5589603.html
Copyright © 2020-2023  润新知