Effet de survol de la souris sur les composants vue et vuetify

J'ai donc essayé de recréer l'effet de survol comme le montre l'exemple de l'article suivant : https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330 Mais dans mon cas, je veux utiliser Vue .js pour appliquer un effet de survol à la v-card de la bibliothèque vuetify. Voici ...

P粉032649413 2024-03-27 16:31:16 0  1  462

Comment supprimer le délai de transition dans la transition Vue ?

J'utilise Vue pour animer une zone de texte afin qu'elle se déplace vers le haut et apparaisse en fondu lorsque la souris survole une image. L'animation est correcte, mais il y a un léger délai avant qu'elle ne démarre. Je souhaite que la zone de texte s'affiche en douceur et commence immédiatement ...

P粉757432491 2023-08-17 17:36:49 0  1  526

javascript - Comment cet effet d'animation de trait est-il obtenu?

Cet effet semblable à un trait apparaîtra lorsque la souris le survolera. Peut-il être obtenu avec du CSS pur ? Comment obtenir le même effet ?

学习ing 2017-06-24 09:44:08 0  3  951

Bug de l'effet d'inclinaison au survol

J'ai un bouton avec un effet d'inclinaison qui contient un texte et lorsque je survole le bouton, deux lignes apparaissent à côté du bouton. Il y a du code qui survole le bouton jusqu'à ce que vous le voyiez, ce qui est un effet secondaire très aléatoire. Je pense que c'est un problème avec Chrome, ...

P粉520545753 2024-03-29 13:34:50 0  1  393

Afficher le contenu au survol (n'affecte pas la hauteur de la carte)

J'ai un bloc qui contient du contenu qui s'affiche au survol. La façon dont l'effet devrait fonctionner est la suivante : .hoverCard affiche par défaut le contenu sous-jacent (le contenu de .hoverCard__showOnHover est masqué) " Effet ") Je peux voir les effets visuels de ce qui précède dan...

P粉289775043 2024-03-27 20:29:28 0  1  471

Les points de début et de fin de l'image

J'essaie de définir les points de début et de fin d'une image. J'ai donc ma toile et une image, lorsque je mets l'image dans la toile, je veux qu'elle allume un petit cercle rouge lorsque je survole les points de début/fin, ce qui signifie que je peux créer avec d'autres images connectées. Par exemp...

P粉511757848 2023-08-31 12:24:51 0  1  598

Mouvement de l'image en dehors de Div

Je crée un site Web qui a un div noir au centre de la page et lorsque je le survole, l'image au centre pivote. Le problème est que même si je mets l’image dans un div, elle sort des limites du div. Comment régler ce problème? Voici mon code HTML : constimage=document.getElementById("pic");...

P粉004287665 2023-08-13 15:21:15 0  1  483

Comment puis-je faire en sorte que le lien couvre toute l'image ?

Je veux que le lien couvre toutes les images, pas seulement au centre mais aussi lorsque vous survolez l'image. .moduledata{position:relative;width:auto;margin:0px!important;max-width:380px;}.moduledata>h5{position:absolute;left:50%;top:50%;transform:translate(-50% ,-50%);}.m

P粉481815897 2024-04-02 20:45:43 0  1  550

Changer conditionnellement className en module css (React)

J'essaie de lire une animation lorsque l'utilisateur survole la barre de navigation de mon site Web. J'essaie d'y parvenir en modifiant un module CSS selon que la souris survole la barre de navigation. J'essaie de comprendre pourquoi ce code ne fonctionne pas. Toute aide est grandement appréciée! Na...

P粉799885311 2023-08-17 18:10:17 0  1  552

Utiliser SVG directement dans le balisage HTML ne me permet pas d'attribuer le rôle à un bouton ni d'avoir l'effet de survol souhaité

J'ai un conteneur avec une icône qui est censé remplir deux fonctions : Agir comme un bouton (accessible via clavier/lecteur d'écran etc.) Devenir rouge au survol/focus Lorsque j'utilise le SVG directement dans le balisage, le survol L'effet stop fonctionne comme prévu, mais je ne peux pas attribuer...

P粉940538947 2023-09-06 20:29:59 0  1  615

Utilisez des transitions CSS3 avec des arrière-plans dégradés

J'essaie d'utiliser CSS pour effectuer une transition sur une image miniature afin que l'arrière-plan s'efface au survol. La conversion ne fonctionne pas, mais si je la change simplement en valeur rgba(), cela fonctionne bien. Ne prend-il pas en charge les dégradés ? J'ai également essayé d'utiliser...

P粉217629009 2023-08-23 21:25:42 0  2  674

Comment changer la couleur d'arrière-plan des info-bulles MUI ?

Je souhaite qu'un utilisateur "?" puisse survoler l'icône et obtenir des spécifications sur les données à saisir dans le champ de texte. Le survol par défaut de MUI est gris avec du texte blanc, mais je souhaite que mon survol soit blanc avec du texte gris et avec une police plus grande. J...

P粉147045274 2023-09-04 11:56:50 0  1  902

Améliorez les arrière-plans dégradés avec les transitions CSS3

J'essaie d'utiliser CSS pour effectuer une transition sur une image miniature afin que l'arrière-plan s'efface au survol. La conversion ne fonctionne pas, mais si je la change simplement en valeur rgba(), cela fonctionne à merveille. Ne prend-il pas en charge les dégradés ? J'ai également essayé d'u...

P粉955063662 2023-10-12 18:05:11 0  2  659

javascript - Problème JS et CSS, après avoir déplacé la souris sur une icône de la carte, comment centrer le contenu affiché par rapport à l'icône.

Comme le montre l'image ci-dessous, le côté droit est l'effet dont j'ai besoin, c'est-à-dire que lorsque la souris est déplacée sur l'icône de localisation rouge sur la carte, les photos et le contenu affichés sont centrés par rapport à l'icône de localisation ci-dessous. Le côté gauche est l'effet ...

给我你的怀抱 2017-06-12 09:32:10 0  1  891

Vue défilement horizontal

Je veux faire défiler l'icône horizontalement avec la souris. Je l'ai essayé avec scrollLeft en Javascript mais la valeur ne change pas lors du défilement. Lors du défilement, seule la valeur deltaY change entre 100 et -100. Est-ce que quelqu'un sait où est le problème ? Cela fonctionne lorsque je f...

P粉755863750 2024-03-25 21:06:27 0  2  547

Sélecteur de chemin SVG en HTML utilisant React

Je crée une application de peinture où les utilisateurs peuvent télécharger des SVG. Remplissez-le de différentes couleurs, dessinez sur le SVG puis effacez-le. Mais malheureusement, je n'arrive pas à obtenir le chemin du SVG. Ci-dessous se trouve l'image SVG, si je survole, je veux juste obtenir le...

P粉566048790 2023-09-01 23:22:48 0  1  624

Recherche d'aide : Comment afficher en permanence des étiquettes de données sur un graphique cohérentes avec leur position

Je souhaite afficher ces étiquettes de données en permanence sur le graphique afin qu'elles soient toujours visibles, pas seulement au survol de la souris. Quelqu'un peut-il m'aider? [Voici un exemple similaire à celui-ci] J'ai aussi déposé mon code. (https://i.stack.imgur.com/TY8X1.png) Exemple de ...

P粉302160436 2023-08-15 23:21:18 0  1  543

js trouve le nœud enfant img et change src

{Code...} Maintenant, le src de l'image est modifié lorsque la souris reste sur l'img. Je souhaite ajouter l'attribut Onmouse directement au lien a. Comment trouver le nœud de cet img et changer le src de l'img. vous {code...}

phpcn_u1582 2017-05-18 10:50:30 0  4  643

Vous recherchez un plug-in de marqueur de carte javascript

1. Existe-t-il un tel plug-in JavaScript qui peut obtenir l'effet suivant ? Les trois objets de gauche peuvent être glissés vers la carte de droite. Après avoir glissé sur la carte et relâché la souris, une marque sera laissée. sur la carte (utilisé pour marquer l'emplacement de la carte), et une bo...

怪我咯 2017-05-18 10:49:58 0  1  639

Transition CSS : la taille de l'arrière-plan ne fonctionne pas

Je travaille sur un site Web sur lequel lorsque vous survolez une image, il effectue un zoom arrière afin que vous puissiez voir l'image entière sans avoir à trop zoomer pour voir l'arrière-plan du div. Voici à quoi ressemble mon HTML : <divid="wrapper"><divid="imgDiv"&g...

P粉821808309 2023-09-05 00:05:08 0  1  591