xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3 transition-duration属性示例- 基础教程(div.cn)</title>
<style>
button {
font-size: 16px;
font-weight: bold;
padding: 10px 20px;
background: #fe9854;
border: 3px solid #dc5801;
/* For Safari 3.0+ */
-webkit-transition-property: background, border;
-webkit-transition-duration: 2s;
/* Standard syntax */
transition-property: background, border;
transition-duration: 2s;
}
button:hover {
background: #48c677;
border-color: #257644;
}
</style>
</head>
<body>
<button type="button">鼠标移到这里</button>
</body>
</html>