A tervezők ingyenes SVG háttérmintákat kapnak a Hero mintákból
Minden modern webböngésző támogatja az SVG-t és ez a legrugalmasabb képformátum Te tudod használni. De egyedi SVG-k tervezése a semmiből nem könnyű feladat.
Ezért van egy eszköz Hero minták olyan értékes lehet a tervezők számára. Ez egy ingyenes könyvtár megismételhető SVG minták amit tudsz testreszab különböző stílusokkal, színekkel és opacitásokkal.
Hero minták jól több mint 40+ különböző mintázat kiválasztható, és mindenki szerepel a honlapon. Ha lefelé görget, látni fogja élő demók mindegyikéhez és bármelyikükre kattintva láthatja, hogyan néz ki.
Az oldal tetején egy rögzített sáv található a beállításokkal változtassa meg az előtér és a háttér színeit. A háttér színe a sík felület és az előtér színe a minták az SVG-kben.
Köszönhetően a természetes keverési stílus, nehezen jön egy rossz szín kombinációja (bár még mindig lehetséges). A minták a dáma nak nek részletes ismétlődő ikonok mint a horgonyok.
Amikor találsz egy olyan mintát, amit szeretsz kattintson a blokkra egy modális ablakhoz további részletekkel. Itt beállíthatja a előtér / háttérszínek, együtt az előtérben lévő átlátszatlanság az ikonok számára.
De az igazi varázslat megtörténik a kódrészletben ahol tudsz másolja a CSS-t az SVG beágyazása kizárólag kódon keresztül. A CSS-ben van egy Base64 ()
módszer a karakterláncadatok SVG-adatokká konvertálása. Ez elég gyakori és más képekkel is működik, mint a PNG-k is.
Tehát, ha nem szeretné, hogy az SVG-fájl helyileg tárolható legyen, egyszerűen megteheti másolja / illessze be a CSS kódot közvetlenül a stíluslapodba. Ez lesz beágyazza az ismétlődő hátteret megfelelő színekkel a webhelyén. Milyen klassz!
Vagy, ha inkább szerkessze az SVG-t tudsz töltse le a nem szerkesztett SVG-kép egy példányát. Így lehet végezze el az összes szerkesztést kézzel az Illustrator programban.
A Hero Patterns az egyik olyan eszköz, amely lehetővé teszi a tervezők számára teljes mértékben ellenőrizze az SVG-ket közvetlenül a böngészőből. Az ismétlődő hátterek kizárólag a PNG-kre támaszkodtak, de a webes szabványok eléggé előrehaladtak Az SVG-k helyet kaphatnak.
Nak nek fogj neki, Csak látogasson el a Hero Patterns honlapjára és böngészhet a minta könyvtárban. Új minták gyakori hozzáadás, ezért győződjön meg róla, hogy mindig olyan gyakran ellenőrizze.