Questions tagged [hover]

Hover refers to the action of placing the mouse cursor over a given element. Hover can also refer to an event in which a user on a touch-enabled device touches a given element.

Hover (sometimes referred to as ) is an event in which the user places the mouse cursor over any given element in a graphical user interface. Hover can also refer to an event in which a user on a touch-enabled device touches a given element.

In most cases, when hovering an item such as, for example, an , the cursor will change from default to pointer (small hand with index pointing) to indicate to the user that the item is clickable.

10690 questions
2
votes
0 answers

Firefox changes border width when using :hover selector in CSS

Edit #3 - Question rewritten Issue: border width of anchor tags unexpectedly increase on mouseover when a:hover css selector is used. Question: Is this a Firefox bug or a CSS behavior I am unaware of? Requires Firefox 57.0.0 - 57.0.2 Adjust browser…
Katrina
  • 1,922
  • 2
  • 24
  • 42
2
votes
1 answer

Jquery 'Highlight' element with the same class

i'm trying to acchive this: I have something like:
Alberto
  • 313
  • 1
  • 5
  • 17
2
votes
0 answers

How to manage click event and hover effect on touch device?

The touch device works both :hover or href="/products.php" on the first tap. Is there any CSS solution for managing menu nav link and its submenu ? html, body { font-family: Arial, Helvetica, sans-serif; background-color: tomato; height:…
Mo.
  • 26,306
  • 36
  • 159
  • 225
2
votes
3 answers

Box-shadow hover transition blinking

I'm trying to make box-shadow work like a slide animation over an img, by making the black background coming over from left to right. But I can't do it without this weird blinking problem. I've already looked for solutions around Stack Overflow. I…
2
votes
3 answers

jquery: adding class on to list-items only on mouseover-remove on mouse-out?

hey guys, what's the best way to do that: i have a list
  • hello
  • good bye
  • arrivederci
  • dude
  • whatever
Initially one item already has a class of .selected…
matt
  • 42,713
  • 103
  • 264
  • 397
2
votes
3 answers

Vertical line before hover CSS

I'm trying to show an image when a path on the site is hovered. The hover part works well. However, when I "mouseout" the path, the image is removed but a red vertical line is always there. This is my css : .imgElu { height: 23%; width:…
Lawris
  • 965
  • 2
  • 9
  • 21
2
votes
2 answers
2
votes
3 answers

Fade in content when mouse moves and is not hovering over a div

I am trying to fade in content when the mouse moves (similar to the way Google's homepage does), however I want to prevent this behaviour if the mouse cursor is hovering over a specific div. Here's the basics: $("html").hover(function() { …
Craig
  • 972
  • 3
  • 13
  • 38
2
votes
2 answers

jQuery Hover and IE

I'm losing my hairline over something that's probably minute. If you compare this website in Chrome/Firefox with IE, you'll notice that if you hover over each entry, in Chrome/FF it'll get a slight green background whereas in IE,…
Tiny Giant Studios
  • 1,125
  • 3
  • 12
  • 27
2
votes
2 answers

CSS hover not changing colour of text

my css hover is not working. The code is from a wordpress theme and I think it's using bootstrap, but I'm not sure as I'm a quite new to coding. the html is (using 'inspect' in Google Chrome):
Nam
  • 21
  • 1
2
votes
2 answers

Jquery hover toggle

Hi what i've done is on document.load i've decreased the height of the nav li's and animated up the div below the nav. What i want to do is on hover of each li in the nav is reverse the animate jquery code below: $('.tabs li…
benhowdle89
  • 36,900
  • 69
  • 202
  • 331
2
votes
1 answer

css spin on hover of container

I looking to have i.spin animate when you hover on the container div.logo HTML @keyframes spin { 0% { transform: rotate(0deg); } 25% { transform: rotate(90deg); } 50% { transform: rotate(180deg); } 75% { …
Daniel Theman
  • 145
  • 2
  • 13
2
votes
4 answers

Fade in and out underline when hovering?

How can I make a fade in and out underline when I hover onto my links? I can't use border-bottom property, because some of my links are tabs, so if I use border-bottom, the div gets underline and not the text. I need only the text to be…
Lolo
  • 125
  • 2
  • 16
2
votes
3 answers

Text on Shape to Diff. Text upon Hover

I've definitely never identified myself as a coder, which is why I need some help. I've tried & tried to get a grid of shapes with text overlayed to change to different text whenever the mouse is hovering over it - completely different text. I…
2
votes
2 answers

WPF C# Statusbar label content from current control's tooltip

Ok, so I'm trying to figure out how to set a status bars label text to show information about the current control that a mouse is hovering over. I have seen this numerous times on many programs so I know it can be done and I'm sure there are…