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
10,787
questions
0
votes
1
answer
25
views
why the chevron doesn't maintain its rotation?
Well I wanted to create mini project to test my CSS skills so I have decided to create a drop down menu.
so I started by writing HTML codes:
HTML
<!DOCTYPE html>
<html lang="en">
...
-1
votes
0
answers
32
views
I wanna display the drop-drop on hovering on "About Me" but it's not working [duplicate]
I expected for the drop-down to show up below "About" I used :hover but it's not working on it. It's not changing into display: block;
.oil {
position: relative;
display: inline-...
0
votes
1
answer
24
views
How to make qt scrollbar remain full sized after mouse leaves
I'm using a QScrollBar widget. When my mouse is over the widget, it becomes full sized. When I move my mouse away, it is nearly hidden. I want the widget to remain full sized all the time. Doing ...
0
votes
0
answers
22
views
Raycasting and Hover Effect
Hello to everyone who's reading!
I'm building a website in THREE.js where you can scroll through "cards" that are seen isometrically, and I'm currently adding an animation when hovering over ...
-1
votes
1
answer
31
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-...
1
vote
1
answer
34
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>
<...
-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 ...
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 ...
0
votes
0
answers
34
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, ...
2
votes
1
answer
37
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=&...
0
votes
0
answers
26
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 ...
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 ...
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 ...
0
votes
0
answers
37
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 ...
0
votes
0
answers
26
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 ...