À propos de cet outil
Construisez un motif d'arrière-plan répété — rayures, damier, points ou grille — à partir de deux couleurs et d'une taille, en utilisant uniquement des dégradés, puis copiez le CSS. L'aperçu se met à jour en direct dans votre navigateur.
Foire aux questions
Comment ces motifs sont-ils créés sans images ?
Ils utilisent des dégradés CSS linéaires et radiaux avec background-size, que le navigateur répète en mosaïque pour dessiner le motif répétitif.
Le motif s'adapte-t-il aux écrans haute densité ?
Oui — les dégradés sont vectoriels, donc le motif reste net quelle que soit la résolution ou le niveau de zoom.