【CSS】CSS3过渡transition

css3-transition.css

/* 简写：单个属性：*/
-moz-transition:background 0.5s ease-out 0s;
/* 简写：多个属性：*/
-moz-transition:background, 0.5s ease-out 0s, color 0.4 ease-out 0s;

/* 过渡单个 */
{
transition-property:opacity;
transition-duration:2s;
transition-timing-function:ease-in;
transition-delay:0;
}

/* 过渡多个-上下一一对应 */
{
transition-property:opacity left;
transition-duration:2s, 4s;
transition-timing-function:ease-in;
transition-delay:0;
}

/* 过渡多个-循环对应 opacity过渡时间为2s，left过渡时间为4s */
{
transition-property:opacity left width height;
transition-duration:2s, 4s;
transition-timing-function:ease-in;
transition-delay:0;
}