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 :

Radial Gradient - ellipse


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    119
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2007
    Messages : 119
    Par défaut Radial Gradient - ellipse
    Bonjour,

    Je travaille sur un menu pour un site internet. Sous les titres menu je voudrais utiliser un dégradé oval à l’état Hover.

    Mon dégradé devrait partir du blanc au centre vers aucune couleur. Ce que j'entends par "aucune couleur", c'est que l'on aperçoit la couleur de fond de la page.

    J'ai créer une image sous photoshop pour vous montrer l'effet. Le noir dans l'image est en faite la couleur de ma page.

    J'ai utilisé le code suivant pour Firefox :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background: -moz-radial-gradient(ellipse closest-side, white, #333);
    Je voudrais remplacer la couleur grise #333 par une couleur transparente.
    Est il possible d'indiquer comme deuxième couleur "none" ou autre pour laisser apparaitre la couleur de la page ?
    Images attachées Images attachées  

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    119
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2007
    Messages : 119
    Par défaut
    J'ai trouvé, il suffit de mettre "transparent" pour la couleur transparente.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background: -moz-radial-gradient(ellipse closest-side, white, transparent);

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. gradient radiale image
    Par AYDIWALID dans le forum ImageJ
    Réponses: 0
    Dernier message: 17/09/2010, 16h41
  2. Flou radial - Effet de zoom
    Par cyber_N dans le forum Traitement d'images
    Réponses: 9
    Dernier message: 07/10/2008, 18h20
  3. [GEOM][TIMER] Ellipse animee
    Par virtuadrack dans le forum Windows
    Réponses: 2
    Dernier message: 03/04/2005, 19h39
  4. Créer une ellipse
    Par alexthomas dans le forum C++Builder
    Réponses: 9
    Dernier message: 21/04/2004, 09h49
  5. Ellipse d'un tube pivotant
    Par clovis dans le forum Algorithmes et structures de données
    Réponses: 6
    Dernier message: 18/03/2004, 21h49

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