和#ffffff為顏色其中，left代表顏色過(guò)渡方向，比如設(shè)置為bottom就會(huì)變成上下過(guò)渡，末尾的百分比為顏色的偏移量，也就是你說(shuō)的50%，具體可以根據(jù)自己的需要調(diào)整obj background lineargradientto left。

首先可以確認(rèn)一點(diǎn)的是，CSS3和CSS本質(zhì)上是一樣的，都是層疊樣式表，但兩者又有很大的區(qū)別，或者說(shuō)CSS3是CSS的升級(jí)補(bǔ)充版本CSS3和CSS本質(zhì)上是一樣的 CSS是層疊樣式表CascadingStyleSheets的英文簡(jiǎn)稱，它主要用來(lái)對(duì)頁(yè)面。

為了實(shí)現(xiàn)這一點(diǎn)，我們需要使用css3的媒體查詢Mediaquery這個(gè)功能很強(qiáng)大，但是有利有弊即兼容各種工作量大效率低加載時(shí)間長(zhǎng)的設(shè)備但是很好學(xué)讀完下面的代碼，你會(huì)page 寬度960px 高度1000px 邊距0自動(dòng)。

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

你只需要設(shè)置四個(gè)參數(shù)動(dòng)畫類型動(dòng)畫功能持續(xù)多少秒以及動(dòng)畫是否為無(wú)限循環(huán)當(dāng)你完成以后，你就可以獲取生成的HTML和CSS代碼了Coveloping在線工具地址。

3，animationtimingfuntion速度變化曲線 默認(rèn)值ease linear勻速 easein先慢變快 easeout 先快后慢 easeinout 慢快慢 4，animationdelay規(guī)定動(dòng)畫開始的延遲，默認(rèn)值是0 5，animationiteration。