這18個網(wǎng)站是我在取經(jīng)路上意外發(fā)現(xiàn)的幼衰，里面包括 純CSS 實現(xiàn)的炫酷背景奥溺，還有專門制作背景圖的網(wǎng)站。
算是取經(jīng)路上的大補之物~
1. CSS3 Patterns Gallery
??? 傳送門：『CSS3 Patterns Gallery』
如果你認識 Lea Verou 的話，大概率知道這個網(wǎng)站掖看，她徒手寫了幾十個 純CSS 實現(xiàn)的背景圖樣式。
網(wǎng)站上提供了她的代碼。
如果你不認識她汁咏，那我一定要推薦你閱讀一下 《CSS揭秘（圖靈出品）》 這本書，它會讓你大受震撼作媚！
2. CSS3 Gradients
??? 傳送門：『CSS3 Gradients』
除了 Lea Verou 的網(wǎng)站外攘滩，CSS3 Gradients 也提供了這類示例。同樣提供代碼下載纸泡。
3. CSS Gradients with background-blend-mode
??? 傳送門：『CSS Gradients with background-blend-mode』
功能和前面兩個差不多漂问，自己點開看看唄~
4. CSS Flags
??? 傳送門：『CSS Flags』
使用 純CSS 的方式畫出多國國旗。“右鍵 - 檢查網(wǎng)頁源代碼” 可以獲取代碼女揭。
5. Hero Patterns
??? 傳送門：『Hero Patterns』
Hero Patterns 是比較出名網(wǎng)站了蚤假，官方提供了幾十款紋理，你可以根據(jù)自己的需求設置兩種對比色和不透明度吧兔。
完成后會返回一段CSS代碼給你磷仰，不過和前面幾個網(wǎng)站有點不同的是，Hero Patterns 的背景圖使用了 base64 的方式去實現(xiàn)的境蔼，而不是 CSS 背景漸變 的方式灶平。
6. HUE.CSS
??? 傳送門：『HUE.CSS』
使用 CSS 背景漸變 的方式做出的數(shù)十款高端大氣的背景，網(wǎng)站上的所有案例都提供了代碼箍土。
7. Pure CSS Stripes Generator
??? 傳送門：『Pure CSS Stripes Generator』
Pure CSS Stripes Generator 主要是幫你生成 條紋背景 的代碼逢享。
你可以在網(wǎng)站上根據(jù)自己的需求設置條紋的顏色、大小吴藻、傾斜角度等屬性瞒爬。
最后會返回一段 css 代碼給你。
8. Glass Morphism
??? 傳送門：『Glass Morphism』
Glass Morphism 的功能是設置 毛玻璃背景 樣式，你可以在上面手動調節(jié)毛玻璃的不透明度侧但、模糊度矢空、背景色等屬性。
最后會返回 html 和 css 代碼給你俊犯。
非常好玩妇多，趕緊去試試吧~
9. uiGradients
??? 傳送門：『uiGradients』
提供了不同色系搭配的漸變代碼。如果你不太擅長配色燕侠，可以使用 uiGradients
10. Gradient Colors Collection Palette
??? 傳送門：『Gradient Colors Collection Palette』
Gradient Colors Collection Palette 上有幾十個色卡者祖，可以一鍵復制 css 代碼。
11. Fresh Background Gradients
??? 傳送門：『Fresh Background Gradients』
Fresh Background Gradients 提供了即使個配色方案绢彤，有雙色的七问，也有多色的。同樣提供一鍵復制 css 代碼茫舶。
12. Cool Backgrounds
??? 傳送門：『Cool Backgrounds』
可以生成 5種類型 的背景圖片械巡，并且提供多套成熟的配色方案供你選擇。
但該網(wǎng)站生成的是背景圖片饶氏，不是代碼讥耗。
13. Svg Wave
??? 傳送門：『Svg Wave』
生成波浪背景圖，可以自定義波浪的幅度疹启、顏色等屬性古程。
支持 SVG 和 PNG 下載。
14. Subtle Patterns
??? 傳送門：『Subtle Patterns』
提供了幾十種紋理圖喊崖。
15. Stripe Generator
??? 傳送門：『Stripe Generator』
可配置的條紋背景圖片挣磨。
16. ZenBG
??? 傳送門：『ZenBG』
在線設置紋理背景和漸變顏色，最后融合在一起生成一張好看的圖片荤懂。
同時還提供 css 代碼給你參考茁裙，告訴你如何更好的使用這張圖片。
17. Patterninja
??? 傳送門：『Patterninja』
光看圖片介紹就知道這個網(wǎng)站好好玩节仿。
Patterninja 幫你生成可平鋪的背景圖晤锥。
18. The Pattern Library
??? 傳送門：『The Pattern Library』
提供幾十款可平鋪的好看背景。
注意：下載按鈕在網(wǎng)頁的左上角粟耻。
