CSS3 transition-property

transition-property

该属性用于设置继承过渡的样式。

<!-- 当鼠标移动到 div 容器上,执行过渡效果 -->
#transition:hover {

 <!-- all 所有的过渡效果都被继承,也可以单独指定,例如 transition-property:background-color 只过渡背景颜色 -->
 transition-property: all; 

 <!-- 被执行的过渡效果 -->
 margin-left: 200px; 
 border: 3px double black;
}

<!-- 鼠标移动到 div 容器上,会迅速执行 margin-left: 200px; 效果,又立马执行回来,所以会一闪一闪 -->
<div style="width:100px; height:100px; background:orange;" id="transition"></div>

过渡效果

更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程