比如本例中黃色塊向右擴(kuò)大后能否再縮回原始大小?<!DOCTYPE?html>
<html>
<head>
<style>?
div
{
width:100px;
height:100px;
background:yellow;
transition-property: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;
}
div:hover
{
width:200px;
}
</style>
</head>
<body>
<div></div>
<p>請把鼠標(biāo)指針放到黃色的?div?元素上，來查看過渡效果。</p>
<p><b>注釋：</b>本例在?Internet?Explorer?中無效。</p>
<p><b>注釋：</b>這個過渡效果會在開始之前等待兩秒。</p>
</body>
</html>
添加回答
舉報
0/150
提交
取消