CSS transition 属性

实例 把鼠标指针放到 div 元素上,其宽度会从 100px 逐渐变为 300px: div { width:100px; transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */ -webkit-transitio

CSS transition 属性

实例

把鼠标指针放到 div 元素上,其宽度会从 100px 逐渐变为 300px:

div

{

width:100px;

transition: width 2s;

-moz-transition: width 2s; /* Firefox 4 */

-webkit-transition: width 2s; /* Safari 和 Chrome */

-o-transition: width 2s; /* Opera */

}

亲自试一试

相关推荐