未使用transition-property属性前
使用transition-property属性后面
代码如下:
<html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>transition-property属性</title>
<style type="text/css">//引用css文件
div{
width:400px;//宽度为400px
height:100px;//高度为100px
background-color:red;/背景颜色为红色
font-weight:bold;//字体加粗
color:#FFF;
}
div:hover{
background-color:blue;
/*指定动画过渡的CSS属性*/
-webkit-transition-property:background-color;
-moz-transition-property:background-color;
-o-transition-property:background-color;
}
</style>
</head>
<body>
<div>使用transition-property属性改变元素背景色</div>
</body>
</html>