Hero Patterns 免費無縫圖SVG與CSS產生器

hero-patterns

許多人在製作網站時,需要背景圖片,而又猶豫不決,Hero Patterns可以代替你選擇的方案,Hero Patterns是一個SVS與CSS無縫接軌圖片產生器,可用來放置在HTML的<Body>標籤內的CSS樣式中,以不同的風格條文與斑點所組成的網頁背景,說不定,令人討喜。

如果你有在寫CSS與SVG,你一定會知道Hero Patterns是什麼東西,SVG簡單來說,就是一種CSS的代碼,無須下載檔案就可使用的圖片

網站:Hero Patterns
網址:http://www.heropatterns.com/

Hero Patterns使用時非常簡潔方便,網頁上方的「Foreground color」(主要顏色)、「Background color」(配色)、「Foreground Opacity」(主色濃淡),可以來調整所有無縫圖片的顏色。

http://www.heropatterns.com/

點選你喜歡的樣式,此時,網頁就會跳出圖下的視窗稱為「Selected Pattern」(選擇的樣式,然後,可以複製「GENERATED CSS CODE」文字框內的文字,或者在視窗右上角的「Download unstyled SVG」,下載封裝好的Zip檔案,下載或複製後,就可以開始套用到你的網站上了。

screenshot-www-heropatterns-com-1477223211785

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *