|
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; |
| |||
| |||