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

Mise en page CSS Discussion :

Dégradé sur du texte en css


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    137
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2009
    Messages : 137
    Par défaut Dégradé sur du texte en css
    Bonjour à tous,

    je vous écris car j'ai lu le tutoriel suivant :
    http://cssglobe.developpez.com/tutor...degrade-texte/
    Mais je n'arrive pas à l'appliquer. D'où mes questions suivantes:

    - gradient_1.png est bien un dégradé ?

    puis je cite:

    Ainsi, le span vide est au-dessus du titre et il est allongé sur toute la largeur et la hauteur. Puisque le dégradé est inclus dans la couleur de fond du titre il ne sera pas visible dans l'écart entre les lettres rendant l'effet réel.

    Je ne vois pas ou est inclus le dégradé en background dans h2 ?

    et finalement une petite explication sur la dernière commande.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient_1.png", sizingMethod="scale");
    Et de plus est-ce possible si il y a une image de fond au body ?

    Merci (pour un pas très doué du css)

  2. #2
    Membre chevronné
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    1 855
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 1 855
    Par défaut
    salut,

    l'article me semble pourtant assez clair

    Citation Envoyé par Polinsky Voir le message
    - gradient_1.png est bien un dégradé ?
    => c'est un dégradé [couleur de fond => transparent] orienté du haut vers le bas (image au format .png)


    Citation Envoyé par Polinsky Voir le message
    Je ne vois pas ou est inclus le dégradé en background dans h2 ?
    le span est défini ici :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <h2>Mon titre cool<span></span></h2>
    => ne pas oublier de la mettre


    Citation Envoyé par Polinsky Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient_1.png", sizingMethod="scale");
    => c'est pour une prise en charge du format .png par certains vieux navigateurs Web



    Citation Envoyé par Polinsky Voir le message
    Et de plus est-ce possible si il y a une image de fond au body ?
    => si tu as compris le principe de fonctionnement, tu comprendras que l'arrière plan doit être de couleur unie...

Discussions similaires

  1. CSS qui ne s'applique pas sur mon texte
    Par Msysteme dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 11/12/2014, 18h19
  2. [CSS] Gras sur le texte d'OPTION (formulaire)
    Par hash95 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 06/09/2006, 13h07
  3. Dégradé progressif sur input text
    Par avogadro dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 24/08/2006, 17h04
  4. [CSS] petite question sur un texte spécial.
    Par backwards54 dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 06/05/2006, 18h57
  5. tri sur champ texte
    Par ridan dans le forum Langage SQL
    Réponses: 6
    Dernier message: 20/08/2004, 16h28

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