transition和animation的區(qū)別？轉(zhuǎn)換：控制元素的一個(gè)或多個(gè)屬性（時(shí)間等）的更改，類似于flash動(dòng)畫。但是只有兩把鑰匙。開始，結(jié)束。動(dòng)畫：控制元素的一個(gè)或多個(gè)屬性（時(shí)間等）的更改，類似

transition和animation的區(qū)別？

轉(zhuǎn)換：控制元素的一個(gè)或多個(gè)屬性（時(shí)間等）的更改，類似于flash動(dòng)畫。但是只有兩把鑰匙。開始，結(jié)束。動(dòng)畫：控制元素的一個(gè)或多個(gè)屬性（時(shí)間等）的更改，類似于flash動(dòng)畫?？梢栽O(shè)置多個(gè)關(guān)鍵點(diǎn)。過(guò)渡和動(dòng)畫的區(qū)別：過(guò)渡需要觸發(fā)一個(gè)事件，而動(dòng)畫可以在不觸發(fā)任何事件的情況下顯式地改變?cè)谻SS的屬性值，從而達(dá)到動(dòng)畫效果。T型過(guò)渡：過(guò)渡屬性是一個(gè)簡(jiǎn)單的動(dòng)畫屬性，非常簡(jiǎn)單易用。可以說(shuō)，它是一個(gè)簡(jiǎn)化版的動(dòng)畫，它是用于普通的簡(jiǎn)單網(wǎng)頁(yè)效果。

CSS3的動(dòng)畫的意義何在？

1. 性能會(huì)稍微好一點(diǎn)。CSS3使用GPU，瀏覽器將優(yōu)化CSS3的動(dòng)畫（例如，創(chuàng)建一個(gè)新層來(lái)運(yùn)行動(dòng)畫）。

2. 代碼相對(duì)簡(jiǎn)單。在現(xiàn)代的PC瀏覽器中，CSS3動(dòng)畫和轉(zhuǎn)場(chǎng)易于編寫和使用，流暢流暢，動(dòng)畫過(guò)程為0gc。

3. CSS3比jQuery animate（）更平滑、更快、更高效。

4. CSS3更傾向于實(shí)現(xiàn)交互效果和界面構(gòu)建。

但是它的缺點(diǎn)也很明顯：1。動(dòng)畫控件不夠靈活。

2. 兼容性差。

3. 有些動(dòng)畫功能無(wú)法實(shí)現(xiàn)。

因此，在實(shí)現(xiàn)一些小的交互效果時(shí)，更多地考慮CSS。如果兼容性好且事件響應(yīng)復(fù)雜，請(qǐng)使用jQuery中的animate（）函數(shù)。