CSS transition-property属性，设置过渡属性
transition-property属性
CSS中的transition-property属性，可以设置CSS中过渡效果的过渡属性，比如width、height、color等等。而且一般情况下，需要同transition-duration属性配合使用，后者设置过渡的时间，如果时长为0，则过渡效果不明显。如下示例，当鼠标悬停在文字上的时候，原本为orange的字体颜色将发生skyblue：
鼠标悬停在这里试一试。
语法
transition-property:attribute;
trasition-property属性实例代码，及在线编辑器
<div id='d1'></div>
<style>
#d1{width:50%;height:50%;background-color:yellow;transition-property:background-color; transition-duration:2s;}
#d1:hover{background-color:pink;}
</style>