[指南] CSS Background Patterns 簡易單色背景 CSS 語法產生器

Posted onAuthorANDY LIEN

章節連結

如果你的網站需求是需要一些單色的背景紋理圖案，來避免略顯單調的白色的話，這個 CSS Background Pattern 網站所提供的服務就非常適合。你只需要決定前景、背景色、透明度和紋理間的間隔，就可以即時預覽結果，並複製相關的 CSS 程式碼到你的網站作使用。
css-background-patterns-generator

網站

連結：https://www.magicpattern.design/tools/css-backgrounds

使用方法

1. 進入網站後，先在下方的選擇喜歡的 Pattern 圖樣，並點選其卡片右上角的預覽圖樣
css-background-patterns-generator demo
2. 回到畫面最上方的控制選項，可以選擇前景、背景色、透明度和圖樣間距
css-background-patterns-generator controller3. 點選卡片預覽左邊的複製選項，就可以直接在網頁中使用
css-background-patterns-generator css demo

按讚加入粉絲團

延伸閱讀