做：

二、先是建立兩個(gè)文本不做處理運(yùn)行如圖

三、給第一個(gè)div字體加上陰影

text-shadow: 5px 5px 10px red; 

text-shadow:[顏色(Color)  x軸(X Offset) y軸(Y Offset) 模糊半徑(Blur)],[顏色(color) x軸(X Offset) y軸(Y Offset) 模糊半徑(Blur)]...前兩個(gè)值可以是負(fù)數(shù),第三個(gè)不能使負(fù)數(shù),可以是0(無效果)

四、給第一個(gè)div加上倒影

-webkit-box-reflect:below 10px ;

方向 (above上 below下 左右left right) 間距。

注意：倒影不占文檔流的空間,層級(jí)高于文檔流倒影是針對(duì)標(biāo)簽(寬高)進(jìn)行的

五、加上漸變

background-image: -webkit-linear-gradient(left, red 0%, yellow 50% );

第一個(gè)百分?jǐn)?shù)是從0%到這個(gè)百分?jǐn)?shù)全是這種顏色,最后一個(gè)百分比是從這個(gè)百分?jǐn)?shù)到100%全是這種顏色,中間如果不同百分?jǐn)?shù)就是漸變,一樣就是分界線。

六、所有代碼：  

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表