Prévisualisez le positionnement, la taille, la répétition et les superpositions de dégradé de l'image, puis copiez le CSS correspondant.
Choisissez une image source prise en charge, ou commencez avec le modèle de texte lorsque l'outil en fournit un.
Téléchargez une image locale pour prévisualiser la couverture, le contenu, le positionnement, la répétition et une superposition. Définissez le chemin de l'actif publié séparément ; le CSS généré utilise ce chemin et n'intègre ni ne télécharge le fichier source.
Inspectez l'aperçu complet et les paramètres de sortie. Téléchargez l'actif fini, en gardant l'original disponible pour comparaison.
À propos de cet outil
Prévisualisez le positionnement, la taille, la répétition et les superpositions de dégradé de l'image, puis copiez le CSS correspondant.
Téléchargez une image locale pour prévisualiser la couverture, le contenu, le positionnement, la répétition et une superposition. Définissez le chemin de l'actif publié séparément ; le CSS généré utilise ce chemin et n'intègre ni ne télécharge le fichier source.
Choisissez une image source prise en charge, ou commencez avec le modèle de texte lorsque l'outil en fournit un. Téléchargez une image locale pour prévisualiser la couverture, le contenu, le positionnement, la répétition et une superposition. Définissez le chemin de l'actif publié séparément ; le CSS généré utilise ce chemin et n'intègre ni ne télécharge le fichier source.
L'aperçu local utilise le fichier que vous avez sélectionné. Votre site web a besoin d'un actif hébergé ou d'un chemin dans votre projet. Téléchargez ou copiez l'image là-bas et assurez-vous que le chemin CSS se résout depuis votre feuille de style.
Le traitement de l'image se fait dans votre navigateur. Téléchargez le résultat avant de fermer l'onglet. L'outil n'écrase pas votre fichier original.
Entrées acceptées : JPG, PNG, WebP, AVIF, GIF. Sorties disponibles : TXT. La prise en charge du décodage par le navigateur et les paramètres de sortie sélectionnés déterminent quels fichiers sources peuvent être traités.
Aucun compte n'est nécessaire pour cet outil. Vous pouvez examiner le résultat avant de l'enregistrer sur votre appareil.
