HTML5的特殊标签属性 积累

h5表单中常用的属性:

 <!--
        placeholder:提示文字（占位符）
        autofocus:自动获取焦点
        autocomplete: 自动完成（填充的） on 开启（默认）  off 取消自动提示
        required: 必填
        multiple: 多选
        novalidate:关闭默认的验证功能（只能加给form）
        pattern: 自定义正则验证
        pattern="1\d{10}"
    -->

//来自于机器猫  html5代码  

 /*此放射渐变也是使脸的左下角暗一些，看上去更真实*/

//不同浏览器中的不同适配
       background: -webkit-radial-gradient(right top,#fff 75%,#eee 80%,#999 90%,#444);
     background: -moz-radial-gradient(right top,#fff 75%,#eee 80%,#999 90%,#444);
       background: –ms-radial-gradient(right top,#fff 75%,#eee 80%,#999 90%,#444);

//线性渐变   由浅到深  

background: -webkit-gradient(linear,left top,left bottom,from(#C40),to(#800400));

 /*旋转角度*/
                   .doraemon .whiskers .r160 {
                             -webkit-transform: rotate(160deg);
                             -moz-transform: rotate(160deg);
                             -ms-transform: rotate(160deg);
                             -o-transform: rotate(160deg);
                             transform: rotate(160deg);
                         }
                   .doraemon .whiskers .r20 {
                             -webkit-transform: rotate(200deg);
                             -moz-transform: rotate(200deg);
                             -ms-transform: rotate(200deg);
                             -o-transform: rotate(200deg);
                             transform: rotate(200deg);
                         }

//渐变 过度

transition:all 2s;  //渐变所有  2s完成

 /*阴影效果 5px x轴的偏移量 15px:y轴上的偏移量 2px:模糊程度  red  */
box-shadow: 5px 15px 2px red;