Explorateur d'arrière-plan CSS

Choisir un dégradé ou un motif, régler ses couleurs et son espacement, puis copier le CSS complet. L'aperçu se met à jour pendant l'édition. Les deux formats de sortie reproduisent le même arrière-plan.

Les préréglages combinés peignent le motif par-dessus le dégradé. L'opacité de superposition va de 0 % (invisible) à 100 %. La taille de tuile est en pixels ; sa plage dépend du motif. Certains motifs utilisent plusieurs tuiles ou des multiples de cette taille.

Le CSS personnalisé accepte une seule valeur d'arrière-plan, par exemple linear-gradient(90deg, #123, #abc), sans background:. Il s'applique uniquement à l'aperçu. Les images référencées, valeurs héritées et variables CSS dépendent de la page où vous utilisez le CSS ; les dégradés dépendent aussi des dimensions de l'élément.

Les réglages survivent au changement d'outil. Le CSS personnalisé reste en mémoire pour cette session de page et n'est pas enregistré dans les cookies. La carte d'exemple ne fait pas partie du CSS copié.

Pour les hexagones, la taille est la longueur de côté ; pour triangles et grille isométrique, le côté du triangle. Pour losanges et Argyle, c'est la largeur de répétition ; pour le point de Hongrie, la longueur de brique. Les anneaux partagent le centre de l'aperçu et la taille fixe leur espacement radial. Les rayons répètent 12 paires de secteurs de 15°. Mouchetures et vagues de contour sont des motifs décoratifs déterministes, pas du bruit aléatoire ni des données de terrain.

Les formes de tuile exactes sont des images SVG embarquées dans le CSS ; aucun fichier image externe n'est nécessaire. Le site de destination doit autoriser les images data dans sa politique d'images.

Réinitialiser restaure le préréglage, les champs et le format de sortie par défaut. Les couleurs acceptent #RGB ou #RRGGBB. Les longues URL restent sur une ligne CSS à défilement horizontal ; la copie contient toutes les déclarations. Les champs se mettent à jour sans qu’Entrée déclenche une copie.