Développeur

Générateur de motifs CSS

Motifs de fond en pur CSS (rayures, points, damier).

  • Instantané
  • Gratuit
  • Privé (traité localement)
  • Sans inscription
Code CSS
 

ℹ️ Créez un motif de fond léger en pur CSS (aucune image) : choisissez le type, les couleurs et la taille, puis copiez le code dans votre feuille de style. Idéal pour des arrière-plans nets et performants. 100 % local.

Créer un motif

Choisissez le motif, les couleurs et la taille : l’aperçu s’actualise et le code CSS est prêt à copier.

Motifs disponibles

MotifTechnique
Rayuresrepeating-linear-gradient
Poisradial-gradient
Grillelinear-gradient × 2
Damierrepeating-conic-gradient

Pur CSS, 100 % local.

Questions fréquentes

Pourquoi du CSS plutôt qu’une image ?

C’est plus léger, net à tout zoom, et ça se redimensionne sans perte ni requête réseau.

Comment l’utiliser ?

Copiez le bloc CSS et appliquez-le à un élément (ou body) via une classe.

Compatible partout ?

Les dégradés CSS utilisés sont pris en charge par tous les navigateurs modernes.