该属性是transition-property、transition-duration、transition-timing-function、transition-delay四个设置过渡效果属性的简写形式。
<!-- 当鼠标移动到 div 容器上，执行过渡效果 -->
#transition:hover {
<!-- 过渡效果 -->
transition: all 1s ease 0s;
<!-- 过渡样式 -->
margin-left: 500px;
border: 3px double black;
}
<!-- 上例含义 transition: [支持所有过渡样式] [过渡时间为1秒] [过渡动画默认] [不延迟] -->
<div style="width:100px; height:100px; background:orange;" id="transition"></div>过渡效果