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  432

angulaire.js - les étiquettes angulaires continuent de clignoter lors du survol avec la souris

Lorsque j'ai utilisé Angularjs pour écrire un événement de survol, j'ai constaté que l'étiquette continuait de clignoter lorsque la souris était enfoncée. Le code angulaire est le suivant : {code...} Y a-t-il un problème avec ce code ? pour passer la souris jusqu'à ce que la connexion soit réussie, ...

巴扎黑 2017-05-15 17:07:12 0  3  670

Comment savoir si la souris a arrêté de survoler un élément ?

Je veux savoir comment arrêter le survol de la souris sur un élément en javascript ou en utilisant css. Je crée une animation où l'arrière-plan change de couleur lorsque la souris le survole, et je souhaite également ajouter une animation lorsque la souris arrête de survoler l'élément. Comment puis-...

P粉547420474 2024-03-31 13:28:28 0  1  374

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  353

Le texte survolé changera de couleur à l'emplacement de la souris

Comment puis-je changer la couleur uniquement du texte à l’emplacement de la souris au lieu de tout le texte ? Comme ça, je veux que le cercle que vous pouvez voir suive le mouvement de la souris et en survol, le texte n'affiche qu'une bordure pour la partie de la lettre en survol. J'ai besoin de co...

P粉697408921 2024-03-28 14:12:45 0  1  525

Comment mettre l'animation en pause au survol mais continuer une fois la souris partie

J'en ai marre de plusieurs solutions et celle-ci est la plus proche que j'ai obtenue. Mais je ne suis toujours pas satisfait du résultat, car lorsque la souris quitte l'élément, l'élément revient à sa rotation d'origine. L'idée est que si vous survolez l'élément, cela déclenchera l'animation même si...

P粉786800174 2024-04-01 09:43:54 0  1  464

Afficher le menu déroulant à l'aide de l'événement de survol de la souris

J'ai un menu contextuel et j'essaie d'utiliser les événements de survol de la souris pour le faire basculer, mais cela ne semble pas fonctionner comme prévu. J'ai essayé d'utiliser les événements de survol CSS en positionnant le div comme ceci : .hero-list-blocka:hover+.flyout-menu mais cela n'a pas...

P粉254077747 2024-04-03 15:14:43 0  1  568

Affiche un sous-menu lorsque la souris passe sur le bouton

Je cherche une solution où lorsque je survole un bouton, un sous-menu apparaît. Actuellement, le menu ne s'affiche que lorsque vous cliquez dessus. Est-ce que quelqu'un sait ce que je dois changer pour que lorsque vous survolez un bouton, le menu apparaisse et que lorsque vous cliquez dessus, le men...

P粉021708275 2023-08-31 11:22:01 0  1  659

javascript - Comment obtenir l'effet d'afficher une bordure rouge au survol de la souris

Qui a fait cet effet ? C'est ce que j'ai écrit. Use border-right:1px solid #eee;border-bottom:1px solid #eee; ;} lorsque la souris survole Il y a aussi un cadre pixel rouge

过去多啦不再A梦 2017-07-05 11:04:45 0  8  1264

css - Comment envelopper le texte affiché lorsque la souris survole le titre?

Le titre="{{value.teacherInfo.remark}}" utilisé dans le code d'introduction dans l'image Lorsque la souris reste sur l'introduction, le texte de l'introduction à droite s'affiche de manière flottante, mais l'introduction est affichée. la gauche est couverte. Comment faire le titre Qu'en es...

phpcn_u1582 2017-05-15 17:11:53 0  1  1291

L'activation du bouton provoque un dysfonctionnement de l'effet de survol

J'ai essayé d'apprendre les bases du développement Web (HTML, CSS et JS), j'ai donc essayé de créer une calculatrice Apple fonctionnelle. Tout fonctionnait bien jusqu'à ce que je remarque un petit bug. Au début, l'effet de survol sur le bouton d'action fonctionnait très bien, la couleur devenait plu...

P粉548512637 2024-04-01 21:51:26 0  1  548

Utilisation de l'effet de survol CSS de l'élément Psuedo pour chevaucher l'élément principal

Fondamentalement, lorsque je survole, je veux que l'effet ressemble à ceci : Le code de mon site Web ici est le suivant : ignore ! Important : .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;justif...

P粉838563523 2024-03-20 10:31:28 0  1  330

Comment implémenter l'effet de survol de la barre de navigation

Je travaille sur ma barre de navigation verticale. Le nom de cette icône doit être visible à droite. Le nom est également censé passer du blanc au noir lorsque la souris passe sur l'icône, mais cela ne fonctionne pas. J'ai essayé de changer les balises pour voir si cela aide. J'ai également modifié ...

P粉041758700 2024-01-10 18:06:56 0  1  428

javascript - Comment utiliser la transition vue2.0 pour obtenir l'effet de déplacer la souris vers le haut, de faire glisser le code QR hors de l'écran, de laisser le code QR et de glisser hors de l'écran.

Comment utiliser la transition vue2.0 pour obtenir l'effet de déplacer la souris vers le haut, de faire glisser le code QR de l'extérieur de l'écran et de laisser le code QR glisser hors de l'écran. Voici le code que j'ai écrit, mais. ce que j'ai écrit est : déplacez la souris vers le haut, la boîte...

PHP中文网 2017-05-19 10:30:36 0  2  850

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  915

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  575

Comment puis-je voir l'attribut titre d'un lien dans un navigateur mobile, c'est-à-dire qu'il y aura un effet de pourboire lorsque la souris sera placée dessus ?

Il peut être visualisé sur l'ordinateur, mais il n'y a pas d'action de survol sur le téléphone mobile. Existe-t-il un script js qui peut améliorer l'effet de l'attribut title ?

阿卡 2018-10-18 15:37:43 0  3  1422

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  438