Skip to main content

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.

-1 votes
1 answer
27 views

Why the hover class is not working on tailwind?

I'm trying to style a button with tailwind on Next.js. I want the button background color to change on hover. I'm trying to style a button doing something like this <button className="rounded-...
Otavio Nishimura's user avatar
0 votes
1 answer
30 views

Zooming HTML background-image on hover with CSS

I have this code: <div class="ver-thin"> <div class="img-div" style="background-image: url('https://preludica.com/img/featured.webp');"></div> <...
Sergio Oliveira's user avatar
-5 votes
0 answers
19 views

Does anyone know how to create this cursor shape effect? [closed]

The idea is having a shape. When the cursor hovers and then moves away from the shape, part of the circle stretches towards the shape before moving back. Steps: First the cursor can hover over the ...
echoes-in-eternity's user avatar
0 votes
1 answer
36 views

button hover effect not the same width as the vertical navabr

I am attempting to make it so the on ohver effect for each navbar button highlights the full width of the navbar. Currently it just wraps it in the highlight as if its just highlighting the button ...
Connor Davis's user avatar
0 votes
0 answers
24 views

Having trouble stack v-hover, v-checkbox, and v-tooltips in vue.js

My goal is to have my v-tooltips displayed upon hover of the checkbox. I'm having trouble stacking the v-hover with the two items. Having the v-slot and the props interact is making no sense to me, ...
Jordan Duffey's user avatar
2 votes
1 answer
32 views

react-bootstrap prevent tooltip hide when mouse cursor is inside tooltip

I'm using react-bootstrap's <OverlayTrigger> and <Tooltip> to show a tooltip with a link in when the user hovers on a disabled button, like this: <OverlayTrigger placement=&...
tripRev's user avatar
  • 882
0 votes
0 answers
23 views

Hover mermaid node to have color changed

Is there a way to change node color when hover a node in mermaid flowchart? I know clickable node with tooltips but don’t see a way to have color changed. Many thanks in advance! I tried many times ...
Jin's user avatar
  • 1
0 votes
0 answers
16 views

Position of Menu Headings :hover:: after underline is in wrong place [duplicate]

For my Mobile navbar I have a :hover::after effect that creates a 2px height line underneath the heading when the menu heading is hovered over. This works fine for the menu headings that don't have a ...
Garreth's user avatar
0 votes
1 answer
19 views

How can I solve flicking problem on hover by event handler or raw CSS?

I am facing a flickering problem on img Hover. I want to show all img as grid from 6 to 3 on img hover . For this , I use event handler & state. But , because of event function using, it is ...
Zannatul Ferdousi Hema's user avatar
0 votes
0 answers
36 views

Implement a hover provider in a VS Code extension that logs the word under the cursor when hovered over

I want to implement something like that. hover example Now, here's some of my extension code. I'm trying to select a code snippet, analyze it and then get some feedback on variables when hovering over ...
achraf's user avatar
  • 1
0 votes
0 answers
24 views

Image reveal on Hover CSS Squarespace

Currently Have the following CSS in place .header-menu-nav-item:nth-child(1)::after { content: url(link); /* Set content here */ position: absolute; top: 50!important; /* Adjust vertical ...
Kalie Isaacs's user avatar
-1 votes
0 answers
27 views

Hover jquery ans show text in Ajax

When I double click on the last line of my html table datad-id=5 the thumbnail appears with the data but it is displayed several times. On the other hand I have no problem for data-id=4 $('#...
Nicos's user avatar
  • 11
0 votes
0 answers
17 views

Center slides while hovering

I create this slider, all works fine, but the last slide, that has a width without hover, when start the hover animation goes out of the viewport and it can't display properly. I want that when start ...
AleSparano's user avatar
1 vote
0 answers
25 views

How to add function definitions to hover in a custom VSCode language extension?

I'm trying to add support for a language in Visual Studio Code using TypeScript. I'm new to VSCode extension development, and I've run into a bit of a problem. I've managed to add a Hover that shows ...
wonderfuloceans's user avatar
0 votes
2 answers
43 views

Hover not working even with correct syntax?

I'm working on my final project for school, and I'm trying to code a piece of text(d0 in this example) to appear when I hover over the door, which is a class for an image. body { background-...
Ches Nogat's user avatar

15 30 50 per page
1
2 3 4 5
719