做:
二、先是建立兩個文本不做處理運行如圖
三、給第一個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)]...前兩個值可以是負數,第三個不能使負數,可以是0(無效果)
四、給第一個div加上倒影
-webkit-box-reflect:below 10px ;
方向 (above上 below下 左右left right) 間距。
注意:倒影不占文檔流的空間,層級高于文檔流倒影是針對標簽(寬高)進行的
五、加上漸變
background-image: -webkit-linear-gradient(left, red 0%, yellow 50% );
第一個百分數是從0%到這個百分數全是這種顏色,最后一個百分比是從這個百分數到100%全是這種顏色,中間如果不同百分數就是漸變,一樣就是分界線。
六、所有代碼:
新聞熱點
疑難解答