Disainerid saavad tasuta SVG taustamustrid kangelastest

Kõik kaasaegsed veebibrauserid toetada SVG-d ja selle kõige paindlikum pildivorming sa võid kasutada. Aga kohandatud SVG-de projekteerimine nullist pole kerge ülesanne.

Sellepärast nagu tööriist Kangelased võib olla nii väärtuslik disaineritele. See on vaba raamatukogu korduvad SVG mustrid mida saate kohandada erinevate stiilide, värvide ja läbipaistmatusega.

Kangelased on hästi üle 40 + erineva mustriga valida ja nad on kõik koduleheküljel loetletud. Allapoole kerides näete iga demo ja võite klõpsata mõnel neist, et näha, kuidas nad näevad.

Lehe ülaosas leiate fikseeritud riba, mille seaded on muuta esiplaani ja taustavärve. Taustavärv kehtib tasane pind ja esiplaani värv kehtib SVG-des.

Tänu loomulik segamise stiil, see on raske tulla halb värvi combo (kuigi kindlasti veel võimalik). Mustrid ulatuvad kabe kuni üksikasjalikud korduvad ikoonid nagu ankrud.

Kui leiate mustri, mida sulle meeldib klõpsake seda plokki modaalakna jaoks rohkem üksikasju. Siit saate reguleerida esiplaani / tausta värvid, koos ikoonide esiplaani läbipaistmatus.

Aga tõeline maagia juhtub koodilõigu kastis kus sa saad kopeerige CSS SVG sisestamiseks ainult koodi kaudu. CSS-is on olemas base64 () meetod teisendada stringiandmed SVG andmeteks. See on üsna tavaline ja see töötab ka teiste piltidega nagu PNG.

Nii et kui te ei soovi, et SVG-fail salvestatakse kohapeal, saate seda lihtsalt kopeerige / kleepige CSS-kood otse oma stiilile. See on kinnitage korduv taust õigete värvidega otse saidile. Kui lahe!

Või kui soovite, siis redigeerige SVG-d ise sa saad allalaadimata SVG-pildi koopia. Nii saate tehke kõik muudatused käsitsi disainitarkvara nagu Illustrator.

Kangelased on üks vähestest tööriistadest, mis võimaldavad disaineritel võtta täielik kontroll SVG-de üle otse brauserist. Korduvaid taustasid kasutati ainult PNG-de kasutamisel, kuid veebistandardid on piisavalt kaugele arenenud SVG-d võivad oma koha võtta.

Et alustama, külastage lihtsalt kangelase mustri kodulehte ja sirvige oma mustrikogu. Uued mudelid saada sageli, kontrollige kindlasti iga kord nii tihti.