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

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

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

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

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

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

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

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

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

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

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

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

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

Comment obtenir la date et l'heure dans le tableau des hauteurs de points ?

Je dessine des graphiques élevés sur la page. Cela fonctionne très bien mais j'ai un petit problème, il me semble que lorsque je survole je n'obtiens pas la date et l'heure. Voici à quoi ressemble mon json : [{"measurement":"measurement","date":"date","da...

P粉848442185 2023-08-31 23:02:00 0  1  517

Placez des marqueurs interactifs sur les images à l'aide de React

s'il vous plaît, aidez-moi. J'ai une image comme celle ci-dessous qui s'affiche sur la page d'accueil (une image plus grande). A noter que la maison "FORGE" possède un marqueur blanc et bleu avec une flèche noire au milieu. Il en va de même pour les logements « locatifs ». Chacun de ces ma...

P粉896751037 2023-09-08 21:25:41 0  1  853

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

Créez un effet de survol qui transforme le bouton de menu en forme de X avec une version clone ombré

Tout d'abord, je tiens à admettre que mon titre prête à confusion et j'en suis désolé. Ce que je veux obtenir, c'est l'effet suivant en survol : Mon site Web est ici https://wordpress-493302-3130963.cloudwaysapps.com/ J'ai accompli avec succès la moitié de ce que je veux réaliser en utilisant les tr...

P粉546257913 2024-04-04 11:55:21 0  2  507

Utiliser des balises pour forcer la mise en page directe dans VEGA

J'essaie de créer un diagramme de réseau dans VEGA en utilisant une disposition dirigée par force qui affiche les étiquettes pour chaque nœud. Une approche possible est mentionnée dans cette question. En se référant à l'éditeur Vega, on peut observer que les labels sont présents, mais il y a quelque...

P粉882357979 2024-02-26 18:46:59 0  2  435

Styles CSS non appliqués au site

Je crée un site Web en utilisant Bootstrap5 mais les propriétés index.css ne sont pas appliquées à index.html. Lorsque je survole la carte de service, l'arrière-plan devrait changer, donnant un effet de transition. Cela devrait aller de ceci à cela. Cependant, je pense qu'il peut y avoir un problème...

P粉613735289 2024-04-06 17:12:23 0  1  653

Transformations sur les propriétés d'affichage CSS

Je suis actuellement en train de concevoir un menu "méga déroulant" CSS - essentiellement un menu déroulant CSS pur classique, mais avec différents types de contenu. Actuellement, les transitions CSS3 ne semblent pas fonctionner avec la propriété "display", c'est-à-dire que vous ...

P粉958986070 2023-08-23 12:27:32 0  2  622