CSS est tout ce qui gouverne la manière dont votre page Web ou votre applicationapparaîtra à l'utilisateur final, mais l'écriture de la feuille de base peut prendre un certain temps. C’est probablement pour cette raison que vous trouverez de nombreux générateurs de code CSS automatiques vous permettant d’ajouter des effets, de créer des objets ou de simples dégradés. Éditeur de dégradé CSS est une application Mac gratuite qui vous permet de créer un dégradémilieux. L'application vous fournit une interface graphique simple, vous permettant de sélectionner n'importe quelle couleur pour le dégradé, d'ajouter jusqu'à cinq arrêts et de sélectionner l'emplacement de chaque arrêt. Le dégradé peut être vertical ou horizontal. L'application vous permet de créer des paramètres prédéfinis et de générer un code CSS compatible avec Chrome, Firefox, Safari, Internet Explorer 10, Opera, tous conformes au standard W3C. Vous pouvez entrer des couleurs en tant que codes RVB, HSL et Hex.
L'application se charge avec un simple dégradé de deux teintes. Il comporte une seule fenêtre divisée en quatre sections, les deux sections de droite affichant le code et prévisualisant le dégradé à mesure que vous le créez. Les sections de gauche vous permettent d'ajouter des préréglages et de créer ou modifier un dégradé.

Vous travaillerez principalement avec le coin inférieur gauchesection. Selon le type de dégradé que vous souhaitez créer, cliquez sur le bouton Axe X (pour un dégradé vertical) ou Axe Y (pour un dégradé horizontal). Cliquez sur la case de couleur pour Couleur du dessus, et choisissez la couleur qui apparaîtra en haut ou à gauche du dégradé. Pour ajouter un arrêt supplémentaire, cochez la case Arrêtez case juste en dessous Couleur du dessus, choisissez un point où la deuxième couleur commencera en déplaçant le curseur en avant. Suivez la suite pour ajouter des arrêts supplémentaires. Ensuite, sélectionnez le Couleur de fond. Les effets seront prévisualisés et le code sera mis à jour au fur et à mesure que vous apportez les modifications.

Si vous souhaitez enregistrer un dégradé que vous avez créé, cliquez sur le bouton Enregistrer le préréglage bouton et le dégradé sera sauvegardé. Le code peut être copié et utilisé dans votre feuille CSS sans aucune modification.
Obtenez CSS Gradient Editor du Mac App Store
commentaires