• Page 1 of 1
  • 1
css3新属性之transition过渡篇
过渡是添加一种缓动,渐变的效果

Code
transition: width 1s linear 2s;
/* Firefox 4 */
-moz-transition:width 1s linear 2s;
/* Safari and Chrome */
-webkit-transition:width 1s linear 2s;
/* Opera */
-o-transition:width 1s linear 2s;


上面从左向右依次是——

过渡的css属性名

持续时间

过渡方式(时间曲线),默认ease

延时

如果有多个css属性需要过渡,可以像下面这样子用“,”隔开

Code
transition: width 2s, height 2s, transform 2s;
-moz-transition: width 2s, height 2s, -moz-transform 2s;
-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
-o-transition: width 2s, height 2s,-o-transform 2s;
  • Page 1 of 1
  • 1
Search: