CSS3 過(guò)渡簡(jiǎn)介

    CSS transformation呈現(xiàn)的是一種變形結(jié)果，而CSS transform呈現(xiàn)的是一種過(guò)渡，就是一種動(dòng)畫轉(zhuǎn)換過(guò)程，如漸顯、漸弱、動(dòng)畫快慢等。CSS transformation和CSS transition是兩種不同的 動(dòng)畫模型，因此W3C為動(dòng)畫過(guò)渡定義了單獨(dú)的模塊。

    過(guò)渡可以與變形同時(shí)使用例如，觸發(fā):hover或者:focus事件后創(chuàng)建動(dòng)畫過(guò)程，如淡出背景色，滑動(dòng)一個(gè)元素，以及讓一個(gè)對(duì)象旋轉(zhuǎn)都可以通過(guò)CSS轉(zhuǎn)換實(shí)現(xiàn)。

    transition屬性是一個(gè)符合屬性，可以同時(shí)定義transition-property、transitionduration、transi、tion-timing-function、 transition-delay、transition-property、transition-duraiion子屬性值。

    目前IE瀏覽器不支持transition屬性，下面將講解過(guò)渡屬性的瀏覽器支持情況。