• A la une
  • Catégories
  • Dossiers
  • +

Personnalisez vos projets web avec SVG Backgrounds

par Vincent Ginetle 09/02/2018

On termine la semaine avec la présentation d'un nouvel outil qui vous permet de générer facilement des backgrounds en SVG. 

Personnalisez en quelques clics vos backgrounds SVG

Le designer Matt Lipman a imaginé l'outil www.svgbackgrounds.com afin de donner accès à une collection de backgrounds personnalisables facilement et rapidement à l'aide d'une interface ludique. On retrouve 30 exemples de fonds qui jouent sur des formes géométriques et des effets visuels variés, le tout en SVG.  

L'interface qui permet de paramétrer vos options, donne accès aux choix des couleurs, à la taille et à l'opacity. Ainsi vous pouvez générer un grand nombre de résultats afin de trouver le fond qui pourra s'adapter au mieux à votre projet. Une fois le résultat obtenu, vous avez simplement à copier le code CSS qui permet de générer le fond en SVG, un gain de temps et de poids non négligeable pour réaliser vos projets web.

Découvrez l'interface et les backgrounds disponibles sur : www.svgbackgrounds.com
Plus d'images dans la suite de l'article.

svg backgrounds

Si vous souhaitez aller plus loin, nous vous conseillons un autre outil autour des backgrounds SVG avec le projet Hero Patterns qui est très complet et facile d'utilisation. Découvrez notre article : Générez vos backgrounds en SVG facilement et gratuitement avec Hero Patterns

generez-backgrounds-svg-facilement-gratuitement-hero-patterns

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Vincent voir son blog

Passionné par le Web, les Arts Graphiques et les installations numériques, je travaille actuellement dans l'agence Dezup que nous avons créé avec l'équipe du BlogDuWebdesign.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte
twitter birdtwitter birdtwitter birdtwitter birdtwitter bird
twitter bird
Ouvrir