CSS3 過渡簡(jiǎn)介
CSS transformation呈現(xiàn)的是一種變形結(jié)果,而CSS transform呈現(xiàn)的是一種過渡,就是一種動(dòng)畫轉(zhuǎn)換過程,如漸顯、漸弱、動(dòng)畫快慢等。CSS transformation和CSS transition是兩種不同的 動(dòng)畫模型,因此W3C為動(dòng)畫過渡定義了單獨(dú)的模塊。
過渡可以與變形同時(shí)使用例如,觸發(fā):hover或者:focus事件后創(chuàng)建動(dòng)畫過程,如淡出背景色,滑動(dòng)一個(gè)元素,以及讓一個(gè)對(duì)象旋轉(zhuǎn)都可以通過CSS轉(zhuǎn)換實(shí)現(xiàn)。
transition屬性是一個(gè)符合屬性,可以同時(shí)定義transition-property、transitionduration、transi、tion-timing-function、 transition-delay、transition-property、transition-duraiion子屬性值。
目前IE瀏覽器不支持transition屬性,下面將講解過渡屬性的瀏覽器支持情況。
點(diǎn)擊加載更多評(píng)論>>