css辅助代码块

css辅助代码块

• transition的兼容性写法

      -webkit-transition: all 1200ms ease;
      -moz-transition: all 1200ms ease;
      -o-transition: all 1200ms ease;
      -ms-transition: all 1200ms ease;
      transition: all 1200ms ease;

all:所有属性, 1200ms:过渡时间 ease:过渡方式(注意修改参数值)

• 背景过度颜色的写法

      background: #23a8ff; 
      /* For browsers that do not support gradients */  
      background: -webkit-linear-gradient(left top, #23a8ff, #de11ff);
      /* For Safari 5.1 to 6.0 */ 
      background: -o-linear-gradient(bottom right, #23a8ff, #de11ff); 
       /* For Opera 11.1 to 12.0 */ 
      background: -moz-linear-gradient(bottom right, #23a8ff, #de11ff); 
      /* For Firefox 3.6 to 15 */
      background: linear-gradient(to bottom right, #23a8ff, #de11ff);

left top bottom right 表示需要过渡的方向(注意修改参数值)