Générateur de motif de fond CSS
Cet outil permet de générer des motifs de fond uniquement en CSS. Si vous souhaitez avoir un motif de background sur une div ou votre site, sans utiliser d'image mais, uniquement avec du code CSS c'est possible.
Vous pouvez ainsi réduire le nombre de fichiers envoyés au navigateur et accélérer le chargement de votre site. C'est un paramètre très important pour améliorer le SEO de votre site ! Il ne faut pas le négliger.
Notre outil est basique mais vous pouvez toujours modifier le code CSS généré pour l'adapter à vos besoins plus spécifiques. Actuellement, il est possible de générer des motifs de rayures, pois et damier.
Démonstration
Code CSS
Comment utiliser
Le script est très facile à utiliser.Il vous suffit de changer le nom de la classe
.demo par la class de votre div. Ensuite vous n'avez plus qu'à copier le bout de code CSS généré, ci-dessus, à la fin de votre feuille de style CSS.Il est conseillé de l'appliquer après l'appel d'autres styles pouvant écraser ses paramètres.
Si vous ajouté un border à la div utilisant le pattern, il est possible que vous soyez obligé de changer la mise en forme. En effet, le décalage impliqué par le border peut modifier le point d'origine pour générer le motif.
FR
EN