Skip to main content
DevTools24

Générateur de Motifs d'Arrière-plan CSS

Générez des motifs d'arrière-plan CSS comme points, grilles, rayures et damiers avec du CSS pur.

background-color: #1a1a2e;
background-image: radial-gradient(#3b82f6 1px, transparent 1px);
background-size: 20px 20px;

Motifs d'Arrière-plan CSS - Détails techniques

Les motifs d'arrière-plan CSS utilisent des dégradés et background-size pour créer des motifs répétitifs sans images. Les dégradés radiaux créent des points, les dégradés linéaires créent des rayures et des grilles. Plusieurs arrière-plans peuvent être superposés pour des effets complexes. Les motifs CSS purs sont légers et s'adaptent parfaitement.

Alternative en ligne de commande

.dots {\n  background: radial-gradient(circle, #000 1px, transparent 1px);\n  background-size: 20px 20px;\n}

Référence

Voir la spécification officielle