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

JavaScript Discussion :

Faire ressortir une classe


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Homme Profil pro
    Enseignant
    Inscrit en
    septembre 2022
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : septembre 2022
    Messages : 8
    Points : 3
    Points
    3
    Par défaut Faire ressortir une classe
    Bonjour à tous,

    Je me casse la tête depuis quelques jours sur la création d'une fonction JS.
    J'aimerais que lorsque la souris passe sur un élément (une image svg), celui-ci se mette en avant (comme entouré d'une ombre).

    J'imagine que c'est assez simple mais je ne trouve pas les commandes pour le mette en place

    Quelqu'un pourrait-il m'aider ?

    Merci d'avance !

  2. #2
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    juin 2003
    Messages
    9 487
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juin 2003
    Messages : 9 487
    Points : 14 463
    Points
    14 463
    Par défaut
    avez vous déjà les 2 codes css, c'est à dire avec et sans l'ombre ?

  3. #3
    Candidat au Club
    Homme Profil pro
    Enseignant
    Inscrit en
    septembre 2022
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : septembre 2022
    Messages : 8
    Points : 3
    Points
    3
    Par défaut
    Voila ce que j'ai :

    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    .groupe{
    cursor: pointer;
    }
    :hover.groupe {
        -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,0));      
        filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
    }

    Malheureusement l'ombre ne recouvre pas tous me contour de ma zone, mais seulement une partie, comme si il y avait une histoire de premier/second plan.
    Et la fonction z-index n'y fait

  4. #4
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    juin 2003
    Messages
    9 487
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juin 2003
    Messages : 9 487
    Points : 14 463
    Points
    14 463
    Par défaut
    avant de faire le code javascript qui ajoute l'ombre, il faut déjà que vous ayez le résultat souhaité.
    si vous avez besoin d'aide pour cette 1re étape, vous pouvez créer une nouvelle discussion dans le forum css :
    https://www.developpez.net/forums/f4...mise-page-css/

    et pour mettre en forme du code, vous pouvez utiliser le bouton "#" dans la barre d'outil de l'éditeur.

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    16 259
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 16 259
    Points : 41 648
    Points
    41 648
    Par défaut
    Bonjour,
    Et la fonction z-index n'y fait
    L'attribut z-index n'est pas applicable aux éléments SVG. On peut toutefois le simuler, en modifiant l'empilement dans l'arborescence de rendu SVG, il suffit de déplacer l'élément dans celle-ci.

    Voir un exemple fourni en début d'année : [Snap.svg] z-index sur éléments SVG

Discussions similaires

  1. Faire ressortir une carte sans arcgis online.
    Par solaar dans le forum SIG : Système d'information Géographique
    Réponses: 3
    Dernier message: 30/07/2013, 16h10
  2. [XL-2007] Faire ressortir une date
    Par Neilt dans le forum Excel
    Réponses: 4
    Dernier message: 23/05/2013, 14h30
  3. [AC-2003] Faire ressortir une valeur texte selon une date conditionnelle
    Par Weiyin dans le forum Requêtes et SQL.
    Réponses: 10
    Dernier message: 21/01/2011, 21h31
  4. Réponses: 4
    Dernier message: 12/08/2009, 22h54
  5. Faire ressortir une compétence bien spécifique
    Par Dennis Nedry dans le forum CV
    Réponses: 6
    Dernier message: 30/05/2008, 11h40

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