Comment convertir une image en CSS3 - mannequins

Une fonctionnalité spéciale du générateur de dégradé ultime est la possibilité de transformer votre image existante en un dégradé CSS3 que vous pouvez utiliser sur votre site. C'est une manière intéressante de définir des gradients complexes avec peu d'effort; Notez, cependant, que cette fonctionnalité fonctionne mieux avec des images comme celle ci-dessous.

Même si vous fournissez un graphique complexe, le dégradé obtenu utilisera uniquement les couleurs du côté gauche de l'image. Tout ce qui suit la première couleur est ignoré.

Reportez-vous au bas pour trouver le bouton Importer à partir de l'image. Cliquez sur ce bouton et vous verrez le bas de la zone CSS se développer pour inclure le formulaire. Vous pouvez obtenir des images à partir d'un emplacement en ligne ou à partir de votre disque dur local. Lorsque vous souhaitez utiliser votre disque dur en tant que ressource, cliquez sur Parcourir pour afficher une boîte de dialogue Téléchargement de fichier, recherchez le fichier, puis cliquez sur Ouvrir.

Après avoir fourni une source pour l'image, cliquez sur Importer. Le générateur de dégradé ultime importe le fichier et crée le CSS requis pour imiter l'image et son dégradé appliqué. Vous pouvez ensuite effectuer des réglages et des modifications au besoin pour obtenir le résultat souhaité. Une fois que vous avez terminé, vous pouvez enregistrer le CSS comme d'habitude et inclure le dégradé dans votre application.

Après avoir fourni une source pour l'image, cliquez sur Importer. Le générateur de dégradé ultime importe le fichier et crée le CSS requis pour imiter l'image et son dégradé appliqué. Vous pouvez ensuite effectuer des réglages et des modifications au besoin pour obtenir le résultat souhaité. Une fois que vous avez terminé, vous pouvez enregistrer le CSS comme d'habitude et inclure le dégradé dans votre application.