transition-property属性改变元素背景色。-CFANZ编程社区

未使用transition-property属性前

transition-property属性改变元素背景色。_css

使用transition-property属性后面

transition-property属性改变元素背景色。_html_02

代码如下：

<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>