HeroPatterns|免費SVG+CSS製作工具

Hero Patterns是一款產生重複網頁背景線上工具,收集的樣式都很符合當前網頁設計潮流,允許自訂前景、背景色及透明度,乍看之下好像跟一般圖片產生器沒有差異,但其實它是一款能產生重複背景SVG向量格式的製作工具。

HeroPatterns

有了這款工具的好處就是:不用下載任何檔案,只要將CSS 程式碼加入網站即可輕鬆套用漂亮平鋪式背景!如果對於SVG 格式有些瞭解應該知道,SVG 就是所謂的以程式碼畫圖,也因此不用再下載額外圖片檔案,只要將產生的程式碼加到自己網站CSS 就能出現背景效果。

使用方法:開啟 Hero Patterns 網站後,首頁會出現許多重複圖案的平鋪式背景圖(目前大約40 種),從上方切換不同的前景、背景色及透明度。Hero Patterns 網站收錄的圖案都很簡單,適合各種網站使用,尤其是覺得單色背景看起來太過單調時,Hero Patterns 或許能帶來意想不到的效果。

選擇任一背景後,在Selected Pattern 頁面還能進行前景、背景色和透明度調整,網頁會直接讓你預覽背景圖案效果,沒問題的話,複製上方產生的CSS 程式碼,將它加入網站CSS 程式碼的適當位置就能快速套用此背景圖案。

如果要做小細節的編輯調整,也可以從網站來下載產生的SVG圖片,而不是CSS程式碼,點選右上角「Download unstyled SVG」就能下載圖片到本地,這樣就可以永久免費使用了。

猜你喜歡

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *