实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
div
6
{
7
width:100px;
8
height:100px;
9
background:red;
10
transition:width 2s;
11
-webkit-transition:width 2s; /* Safari */
12
}
13
​
14
div:hover
15
{
16
width:300px;
17
}
18
</style>
19
</head>
20
<body>
21
​
22
<p><b>注意：</b>该实例无法在 Internet Explorer 9 及更早 IE 版本上工作。</p>
23
​
24
<div></div>
25
​
26
<p>鼠标移动到 div 元素上，查看过渡效果。</p>
27
​
28
</body>
29
</html>
30