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