CSS3 过渡之transition

  通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。   要实现这一点，必须规定两项内容：1.规定您希望把效果添加到哪个 CSS 属性上2.规定效果的时长<style> div{width:100px;height:100px;background:yellow;transition:width 2s;-moz-transition:width 2s; /* Firefox 4 */-webkit-transition:width 2s; /* Safari and Chrome */-o-transition:width 2s; /* Opera */}div:hover{width:300px;}</style>