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

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

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

JavaScript implémente une transition fluide de la miniature à la page d'image pleine largeur

http://manifesto.clapat.com/ Si vous cliquez sur un élément de la page d'accueil, vous passerez d'une vignette à une image plein écran qui deviendra le titre de la page de cet élément. Comment ces effets de transition sont-ils créés et quelle serait la meilleure façon de les implémenter en utilisant...

P粉536532781 2023-09-15 22:09:37 0  1  965

Comment insérer des éléments pliables dans la mise en page Flexbox

J'ai une disposition flexbox avec une image enroulée autour et je souhaite afficher des informations lorsque l'on clique sur l'image. Les informations doivent apparaître entre la ligne contenant l'image et la ligne directement en dessous, sans déplacer la « colonne ». C'est le type d'effet que je so...

P粉366946380 2024-03-19 23:20:59 0  2  375

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 - Problème de bouillonnement d'événements JS

Affaire close : utilisez CSS pour obtenir cet effet. Merci pour votre aide, je suis passé à l'utilisation de CSS pour réaliser cet effet. 1. Dans le code suivant, j'ai écouté les événements mouseover et mouseout de la balise a pour déclencher l'animation du canevas et j'ai empêché l'événement de bou...

学习ing 2017-06-12 09:32:56 0  3  820

javascript - Questions sur la mini-carte de l'éditeur Atom

La description n'est pas claire, allez simplement à l'image ci-dessus. Lorsque je maintiens le bouton gauche de la souris enfoncé, saisissez l'image et tirez-la vers le bas, puis relâchez le bouton gauche de la souris, elle reviendra en haut. la même chose que la première image. Ce qui précède est l...

黄舟 2017-05-19 10:26:44 0  1  386

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

Comment créer un aperçu du curseur au ralenti

J'ai besoin que l'aperçu du curseur se déplace selon l'image, mais maintenant il se déplace immédiatement vers la fin. J'ai essayé de créer un curseur d'aperçu à l'aide de deux boutons (gauche et droit), mais lorsque j'appuie sur le bouton droit, il se déplace vers la fin pendant que j'en ai besoin....

P粉715274052 2023-08-17 22:42:11 0  1  593

javascript - Problèmes d'obtention des coordonnées de la souris dans Canvas

Je souhaite créer un effet de dessin au trait avec la souris, similaire à la fonction de dessin au trait de la planche à dessin fournie avec la fenêtre. Cela nécessite d'obtenir les coordonnées de la souris, mais j'ai toujours l'impression que les coordonnées ne sont pas obtenues avec précision. Cha...

过去多啦不再A梦 2017-05-19 10:29:32 0  1  594

javascript - J'ai trouvé un problème étrange. L'animation CSS que j'ai écrite s'est automatiquement mise en pause lorsque j'ai fermé l'onglet.

J'ai trouvé un problème étrange. L'animation CSS que j'ai écrite s'est automatiquement mise en pause lorsque j'ai fermé l'onglet et a continué à jouer lorsque j'ai développé l'onglet. J'utilise l'image d'arrière-plan pour me déplacer afin d'obtenir l'effet de mouvement. Est-ce lié à cette raison ?

给我你的怀抱 2017-06-30 09:52:30 0  1  849

javascript - l'image du swiper ne peut pas être glissée

Le sujet de la question a été écrit dans Vue car aucune donnée n'était demandée, donc de fausses données ont été créées : il s'agit d'une balise img générée dynamiquement puis utilisée sur la page : mais lorsque j'ai ouvert Chrome et regardé l'effet, j'ai trouvé que cela ne peut pas être glissé et q...

黄舟 2017-07-05 10:48:46 0  6  1272

Problème lié à l'obtention de coordonnées de souris précises : utilisation du canevas HTML5 lors du redimensionnement de la page

Je souhaite créer cet effet de pixel à partir d'un expert front-end. Bien que je puisse obtenir l'intégralité de l'effet pixel sur un canevas plein écran : constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//Définissez la hauteur plein écran sur le canevas canvas.width=window.inn...

P粉752290033 2023-09-12 12:20:33 0  1  733

Implémenter des effets de transition pour le remplacement d'images en utilisant du Javascript pur

Sur un site Web que j'ai créé, j'ai un certain nombre d'accordéons, chacun avec une image dessus. Lorsque vous ouvrez l'accordéon, il y a une description à l'intérieur et l'image se transforme en une autre. Puis lorsque vous fermez l'accordéon, l'image revient à la première image. Le problème est qu...

P粉458913655 2024-03-30 00:14:11 0  1  434

javascript - Effet de collecte d'images, plus effet 3D. Pourquoi y a-t-il des lignes après la collecte ?

Il y a plusieurs sous-divs dans un div, et les images d'arrière-plan des sous-divs sont rassemblées pour former une image entière ; pour l'effet de rassemblement, j'ai ajouté un effet d'inversion de l'axe y 3D. Pourquoi y a-t-il une petite couture. le milieu lors de l'épissage ? Logiquement parlant,...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  551

javascript - Comment obtenir l'effet d'un album photo? Quel plugin utiliser ?

Cliquez pour prévisualiser l'image, faites glisser vers la gauche et la droite et ayez des chiffres. J'ai mis le lien sur mon ordinateur, mais les clics de souris n'ont aucun effet. Existe-t-il un plug-in mature que je peux utiliser ? Le masque que vous écrivez peut être prévisualisé, mais basculer ...

PHP中文网 2017-06-30 09:56:05 0  4  785

Comment puis-je réserver de l'espace pour une image de taille variable avant son chargement afin d'éviter les modifications de mise en page ?

J'ai une page HTML qui contient du texte, une balise d'image et du texte comme celui-ci : C'est le texte avant l'image. <imgsrc="image.jpeg"/>C'est le texte après l'image. Désormais, lorsque la page se charge, le texte se charge avant les images, car celles-ci mettent plus de temps à...

P粉936509635 2023-08-28 00:04:44 0  1  609

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

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