|
   |
| Forum » Wonder Study 寓教于乐 » Wonder Effect js/as/css分享 » css3新属性之transition过渡篇 (css3 transition) |
| css3新属性之transition过渡篇 |
Date Fr, 2013-06-14, 16:48 | Msg 1
 
过渡是添加一种缓动，渐变的效果
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;  |
| |||
| |||
