Articles of hover

Est-il possible d’empêcher la pause du carrousel Bootstrap lors du survol de la souris et de continuer à faire du vélo automatiquement?

Est-il possible d’empêcher la pause du carrousel Bootstrap sur le comportement de survol de la souris et de continuer à parcourir automatiquement les éléments à la place? La documentation ne mentionne que le comportement par défaut de pause: “hover” , si je modifie l’argument de pause pour autre chose, le carrousel ne fonctionne plus du […]

Y a-t-il un moyen de survoler un élément et d’affecter un élément différent?

Je veux que ce soit aussi simple que cela, mais je sais que ce n’est pas: img { opacity: 0.4; filter: alpha(opacity=40); } img:hover { #thisElement { opacity: 0.3; filter: alpha(opacity=30); } opacity:1; filter:alpha(opacity=100); } Donc, lorsque vous survolez img, cela change l’opacité de #thisElement à 30% et change l’opacité de l’image à 100%. Y […]

Utilisation de CSS pour effectuer la transition de la propriété fill d’un chemin SVG en survol

J’inclus un fichier d’image SVG sur ma page dans une balise d’ object , comme ceci: L’image en question est une carte du monde, je veux transformer la propriété de fill lorsque la souris survole un group . Dans ce cas, j’ai regroupé mon SVG par continent, de sorte que l’Amérique du Sud ressemble à […]

Tournez ou faites pivoter une image en vol stationnaire

Je veux savoir comment faire une image en rotation ou en rotation lorsqu’elle est planée. Je voudrais savoir comment émuler cette fonctionnalité avec CSS sur le code suivant: img { border-radius: 50%; }

Comment faire en CSS une superposition sur une image?

J’essaie de réaliser quelque chose comme ceci: Lorsque je survole une image, je voudrais mettre sur cette image cette couleur sombre avec du texte et l’icône. Je suis coincé ici. J’ai trouvé des tutoriels mais ils n’ont pas fonctionné pour cette affaire. En outre, un autre problème – chaque image a une hauteur différente. La […]

css: évitez que l’image ne passe au premier clignotement

J’ai une ancre qui change son image d’arrière-plan lorsqu’elle survole une classe class-btn qui contient une background-image . En vol stationnaire, il a a.class-btn:hover { background-image(‘path/to/image-hovered.jpg’); } Lorsque la page se charge la première fois et que vous survolez ce bouton pour la première fois, elle clignote (le téléchargement de l’image survolée prend environ une […]

Retard: Survol de CSS3?

Est-il possible de retarder l’événement: Hover sans utiliser javascript? Je sais qu’il y a un moyen de retarder les animations, mais je n’ai rien vu pour retarder l’événement: Hover. Édité… Désolé, j’aurais dû inclure cela pour commencer … Je construis un menu de type “fils de suckerfish”. Je voudrais simuler ce que fait hoverIntent sans […]

Inspecter l’élément survolé dans Chrome?

J’essaie de voir, grâce aux outils de développement de Chrome, comment les info-bulles sont structurées sur un site. Cependant, même lorsque je survole l’élément, lorsque je “inspecte l’élément”, rien ne s’affiche pour l’info-bulle dans le code HTML. Je sais que je peux définir le style sur :hover , mais je ne peux toujours pas voir […]

Comment supprimer / ignorer: survolez le style css sur les appareils tactiles

Je veux ignorer toutes les déclarations CSS :hover si un utilisateur visite notre site Web via un appareil tactile. Parce que le CSS :hover n’a pas de sens, et peut même être dérangeant si une tablette le déclenche en cliquant / tapotant parce que cela peut coller jusqu’à ce que l’élément perd le focus. Pour […]

Changer l’image en survol avec CSS / HTML

J’ai ce problème où j’ai défini une image pour afficher une autre image lorsque la souris survole, mais la première image apparaît toujours et la nouvelle ne change pas de hauteur et de largeur et recouvre l’autre. Je suis encore assez nouveau en HTML / CSS et j’ai peut-être manqué quelque chose de simple. Voici […]