Personnalisez vos projets web avec SVG Backgrounds

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.

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