Oblikovalci Get Free SVG ozadja vzorcev iz Hero vzorcev
Vsi moderni spletni brskalniki podpira SVG in to je najbolj prilagodljiv format slike lahko uporabiš. Toda oblikovanje SVG po meri iz nič ni lahka naloga.
Zato je orodje všeč Vzorci junaka lahko tako dragoceno oblikovalcem. To je brezplačna knjižnica ponovljivi vzorci SVG da lahko prilagoditi z različnimi slogi, barvami in motnjami.
Hero Patterns je dobro več kot 40 različnih vzorcev za izbiro in vsi so navedeni na domači strani. Ko se pomaknete navzdol, boste videli demo posnetke za vse in kliknete katerega koli od njih, da vidite, kako izgledajo.
Na vrhu strani boste našli fiksno vrstico z nastavitvami spremenite barve ospredja in ozadja. Barva ozadja velja za ravna površina in barva ospredja velja za v SVG.
Hvala naravni slog mešanja, težko je priti do slabe barvne kombinacije (čeprav je vsekakor še mogoče). Vzorci segajo od dama do podrobne ponavljajoče se ikone kot sidra.
Ko najdete vzorec, ki vam je všeč kliknite ta blok za modalno okno z več podrobnostmi. Tukaj lahko prilagodite barve ospredja / ozadja, skupaj z Nepreglednost ospredja za ikone.
Toda prava čar se zgodi v polju za odrezek kode kjer lahko kopirajte CSS za vdelavo SVG zgolj preko kode. V CSS-ju je base64 ()
metodo pretvoriti niz podatkov v SVG podatke. To je dokaj pogosta deluje tudi z drugimi slikami, kot je PNG.
Torej, če ne želite, da bi SVG datoteka shranjena lokalno, lahko preprosto kopirajte / prilepite kodo CSS prav v vaši slogi. To bo vstavite ponavljajoče se ozadje z ustreznimi barvami na vašem spletnem mestu. Kako super!
Če pa raje uredite SVG ti lahko prenesite kopijo neobdelane slike SVG. Tako lahko naredite vse spremembe ročno pri oblikovanju programske opreme, kot je Illustrator.
Hero Patterns je eden redkih orodij, ki dovoljujejo oblikovalcem prevzame popoln nadzor nad SVG v brskalniku. Ponavljajoče se ozadje se je zanašalo izključno na PNG-je, vendar so spletni standardi napredovali dovolj daleč SVG lahko prevzamejo njihovo mesto.
Za začeti, obiščite domačo stran Hero Patterns in brskajte po knjižnici vzorcev. Novi vzorci pogosto dodajajte, zato se prepričajte, da preverite vsakokrat tako pogosto.