HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體新的語(yǔ)法特征被引進(jìn)以支持這一點(diǎn)，如videoaudio和canvas 標(biāo)記HTML5還引進(jìn)了新的功能，可以真正改變用戶(hù)與文檔的交互方式 CSS3是CSS技術(shù)的升級(jí)版本，CSS3語(yǔ)言開(kāi)發(fā)是朝著模塊。

5CSS3 動(dòng)畫(huà)CSS3應(yīng)該是動(dòng)畫(huà)家族里絕對(duì)不會(huì)被遺忘的一名成員這里我們定義它為 擅長(zhǎng)于平面層的動(dòng)畫(huà)CSS3的缺陷應(yīng)該在于它的部分屬性還沒(méi)有被瀏覽器有好的支持關(guān)于動(dòng)畫(huà)的應(yīng)用和基礎(chǔ)屬性介紹在之前也已經(jīng)介紹過(guò)了，如果小。

現(xiàn)在由我來(lái)向大家介紹一下在css3中如何使用transition屬性和hover屬性實(shí)現(xiàn)div顏色漸變和放大縮小的效果css3中transition屬性transition屬性是一個(gè)簡(jiǎn)寫(xiě)屬性，用于四個(gè)過(guò)度屬性，分別是transitionproperty，transitionduration。

首先是HTML代碼，非常簡(jiǎn)單，列出我們需要渲染的文字ltdiv class=quotfooquot ltspan class=quotletterquot dataletter=quotAquotAltspan ltspan class=quotletterquot dataletter=quotBquotBltspan ltspan class=quotletterquot dataletter。

1首先我們創(chuàng)建一個(gè)簡(jiǎn)單的項(xiàng)目，如圖所示包括html，css和img三個(gè)2這里是html文件，引入css和html代碼文件，如圖所示3這里是css文件代碼，上面是div和圖片顯示的效果代碼，后面是動(dòng)畫(huà)效果4這里是事件，這里定義了。

CSS3也是當(dāng)前最新版本，主要特點(diǎn)是支持圓角陰影動(dòng)畫(huà)效果等值得一提的是，目前IE678不能完整支持HTML5和CSS3，其它如谷歌火狐瀏覽器等主流版本已經(jīng)支持CSS即層疊樣式表Cascading StyleSheet 在網(wǎng)頁(yè)制作時(shí)。