IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Publications (X)HTML et CSS Discussion :

Réalisez un dégradé de texte avec du CSS


Sujet :

Publications (X)HTML et CSS

  1. #1
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut Réalisez un dégradé de texte avec du CSS
    Bonjour,

    Cet article est la traduction de "Css Text Gradient" et a pour but de vous présenter une technique purement CSS pour réaliser des effets de dégradés sur le texte de vos documents web.

    N'hésitez pas à me faire part de vos remarques, suggestions, questions... dans cette discussion.

    Voir aussi les cours et tutoriels CSS

    Bonne lecture à tous
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  2. #2
    Membre émérite Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Points : 2 589
    Points
    2 589
    Par défaut
    Très bonne astuce !

    Néanmoins, une question :

    Sous FF3 & IE7 quand je regarde la page "exemple", le dégradé sur les textes 2 et 4 me semble bien réalisé alors que sur les 1 & 3, un liseré apparaît marquant une fine "délimitation" annonçant le début du dégradé (ce qui rend moins bien).

    Es-ce mes yeux fatigués ainsi que mes 2 navigateurs qui ne voient plus la réalité ou es-ce effectivement le cas ?
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  3. #3
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Non non tu as bien raison...Mais ça donne un effet de glass plus qu'un dégradé. Après c'est à l'appréciation du développeur...

  4. #4
    Membre chevronné

    Profil pro
    Chef de Projet / Développeur
    Inscrit en
    Juin 2002
    Messages
    598
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Chef de Projet / Développeur
    Secteur : Santé

    Informations forums :
    Inscription : Juin 2002
    Messages : 598
    Points : 2 020
    Points
    2 020
    Par défaut
    Super astuce. Merci.
    --
    vanquish

Discussions similaires

  1. Faire un dégradé de couleur avec du texte
    Par loic20h28 dans le forum Général JavaScript
    Réponses: 22
    Dernier message: 31/01/2010, 22h09
  2. Dégradé de couleurs avec texte
    Par Hobbi1 dans le forum Windows Forms
    Réponses: 12
    Dernier message: 21/06/2009, 18h52
  3. Texte avec couleur en dégradé
    Par Leparachute dans le forum Mise en forme
    Réponses: 0
    Dernier message: 26/03/2009, 17h01
  4. Réalisez un dégradé de texte avec du CSS
    Par Kerod dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 05/12/2008, 10h36
  5. Mise en forme de texte avec une css
    Par Gizmil dans le forum Intégration
    Réponses: 1
    Dernier message: 28/11/2007, 21h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo