css 線性漸變事例分享
比來新進修了css 的漸變常識，固然還沒有完全搞懂，可是發現用線性漸變卻可以做出不錯的布景結果，所以這里分享這個不錯的線性漸變事例；
東西/原料
- 電腦
- Sublime text 2
方式/步調
- 1
架構很是簡單就是一個頁面中有一個div，我們用一個div來實現節制布景色，之后在在div實現上布景色漸變；
- 2
這里先節制一下 div 的根基樣式，
寬度， 高度，邊框，節制一下文字的位置，文字巨細，還有div在頁面中的位置；
- 3
這里的 color：white；
是為了將字體變為 白色 ，算是為了將文字可以閃現出來，算是做顏色的對比；
- 4
background：linear-gradient（to right，white， 。。。，white）。
關頭的屬性設置，顯示設置的顏色之間的過度；如圖二
to right，漸變從左邊起頭；
- 5
然后我們在添加幾個顏色代碼，記得代碼之間要用 逗號 分隔；
purple ，紫色
#0000ff,深藍 #00ffff ，淺藍 green，綠色；
如許一個比力花哨的布景就完當作了...
注重事項
- 僅作分享；
- 發表于 2018-04-12 00:00
- 閱讀 ( 742 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章