10,778 questions
0
votes
1
answer
54
views
How to add a hover sound effect in ImGui
How do I take this sound effect:
menuSound.loadSound("hover_sound", "Audio/Sound/button_hover_sound1.wav", 0.5);
And have it so that when I hover over a ImGui button, it will play ...
- 23
0
votes
0
answers
35
views
PyQt5 Parent/Child GraphicsItem Hover Behavior
I create several subclassed QGraphicRectItems with parent/child relationships to keep them in lock step on the screen. For whatever reason, the hover events on the children are triggering the parent ...
- 49
1
vote
1
answer
70
views
Disable transition effects for a hover event
Is it possible to disable transition effects for a :hover event?
See the snippet: clicking the button shows some divs one after the other with a fading background (by using a transformation). However, ...
- 117
0
votes
0
answers
109
views
Rails turbo how to preserve hover state?
<%= link_to "About", root_path, class: 'font-medium text-base hover:text-red-100 transition-colors duration-100' %>`
I have Rails 8 app using Turbo by default my header contains ...
- 17
1
vote
1
answer
93
views
Thin border artifacts around animated circular mask during clip-path transition
I have a custom button with a circular mask hover animation using clip-path and CSS custom properties (@property + --tx / --ty).
The effect works just fine, but I see thin visible borders/artifacts ...
- 1,157
2
votes
2
answers
75
views
The "align-content" property not undone even after "unhovering"
As far as I know hovering effects are undone when the we "unhover" it. But in my case I have given "align-content : center" when hover is done but when I "unhover" it, it ...
2
votes
0
answers
73
views
Plotly js time series graph with overlaying axes - hovermode not showing all data on gridline
I want to create a time series plot in Plotly.js with overlaying x-axes, where the hover tooltip displays data from both axes simultaneously. It is currently only displaying the data from the second ...
- 21
0
votes
2
answers
104
views
Mouse hover cypress
How can I mouse hover and click the user 2?
describe('Mouse Hover', () => {
it('should display the tooltip on hover', () => {
cy.visit('https://the-internet....
- 139
0
votes
1
answer
55
views
Unable to add underline under Navigation bar
I'm using WordPress with the Max Mega Menu plugin. I want to achieve a simple underline hover effect on the top-level menu items — similar to this visual example:
li.mega-menu-item > a.mega-menu-...
-2
votes
4
answers
258
views
How to expand on image on hover to full size?
I'm creating a website which is going to be a portfolio showcasing a person art and what not. So right now and I have it to where when you hover on the image it expands and fades out the background ...
0
votes
1
answer
115
views
CSS hover effects moves input field below
I finally got the PrimeVue hover effects working. I had to add a bit of CSS work to it, since the Designtokens did not all the work.
But now the hover effect of the first input field causes the input ...
- 1
0
votes
1
answer
35
views
Thunderbird getSelectedMessages to select a hovered message?
I have built an extension that gets the sender's domain from the first currently selected message with a call to browser.mailTabs.getSelectedMessages(tab.id). But is it possible instead to pull from ...
- 372
0
votes
1
answer
70
views
Background smooth fade on hover
I try to achieve that background images are shown smoothly on hover. The background image should fade in when hovering over one of the inserted divs.
The background is already changing the right way ...
- 11
0
votes
1
answer
36
views
Creating JavaScript to make Hover function on iOS [duplicate]
I'm working on this website and I don't currently know how to test this on iOS for free. I'm trying JavaScript out. Should this function? Sorry, I think I'm still a little new. Thanks
...
- 1
0
votes
2
answers
59
views
How can I hover over text in one div, to reveal image in a separate div? [duplicate]
I am separating my portfolio website into two divs: one on the left, with text and hover states, and one on the right, where there is already a static image of myself that should change into images ...
- 1
0
votes
1
answer
67
views
The buttons don't have a specific color left when you click on it. Why?
I have a problem with the effects when hovering over the button and with the color of the active button. How can this be implemented?
The main problem is that when you hover over the button, the ...
- 75
0
votes
1
answer
212
views
PyQt6 QPushButton:hover not changing background colour
I have written this code in PyQt6:
from PyQt6.QtWidgets import QApplication, QMainWindow, QPushButton
from PyQt6.QtCore import QSize, QPoint
class AppWindow(QMainWindow):
def __init__(self):
...
- 3
0
votes
2
answers
120
views
How can I make a View detect onHover but let click/tap go to a view below?
With a view that looks like this, I would like the element below to remain clickable / tappable, and the element on top to detect when it is hovered.
If I add .allowsHitTesting(false) to the top ...
- 10.6k
0
votes
0
answers
48
views
hvplot: plotting a netcdf file the hover in quadmesh plot shows x and y coordinates as “NaN”
I am using hvplot.quadmesh to visualize wind speed data.
The hover tool should show the x and y coordinates of the pixels, but it only shows “NaN”.
#interactive plot mean wind speed over whole year ...
- 43
1
vote
2
answers
57
views
Trying to animate background element by hovering foreground element in SVG. I suspect I need :has() for that but can't figure out how
In my original code, both squares pulsate when hovering anywhere on the SVG canvas. But I need them to pulsate only when hovering over the smallest square. I suspect that :has() could solve this but ...
- 127
0
votes
2
answers
44
views
Hover effect only executing on mouseoff? (CSS)
I'm coding a card game with multiple animations and stages, and encountering the following issue. While testing my card hover effect, filter and transform: rotate are working on hover (mouseon) but ...
-2
votes
1
answer
45
views
Make A Button Appear On Hover Across Multiple Elements In Vue [closed]
I am making an app with Vue.js (V3) and have a list of div's rendered using v-for. How would I add a setprate event listener to each div, that will show an element when a user hovers over it with ...
- 13
0
votes
0
answers
20
views
How to prevent R plotly bar chart to plot the hover text? [duplicate]
I'm using R plotly to plot a horizontal bar chart with 'hoverinfo', and the 'hoverinfo' is plotted rather than appearing when being hovered over:
library(dplyr)
library(plotly)
set.seed(1)
df <- ...
- 6,342
0
votes
0
answers
17
views
How to remove masonry gallery hover effect in Bridge WP theme?
My Wordpress site uses Bridge theme. How can I disable the hover effect in the Masonry gallery? Right now when you hover over it, it shows the gallery item title? I don't want it to show any title or ...
0
votes
1
answer
63
views
How to show planet names on hover using only CSS? [closed]
I am creating a solar system using CSS, and I want to display each planet’s name when the user hovers over it. However, I want to achieve this effect using only CSS, without JavaScript or additional ...
- 28
0
votes
1
answer
35
views
remove opacity from img hover
I would like to cancel the opacity on image hover but keep it for all text hovers on the site.
Why:
a:hover img {
opacity: 1;
}
doesn't work?
a:link, a:visited, a:hover {
text-decoration: ...
- 1
1
vote
1
answer
120
views
How would I add a tooltip to specific strings on a textArea in java?
I would like to make it so that a user can select text that they've previously written into a textArea, then afterwards they would be able to select it and add a tooltip that would appear when ...
- 11
4
votes
1
answer
98
views
Why `cursor: pointer` and `:hover` property is not being applied?
HTML and CSS Code:
*{
margin: 0;
padding: 0;
font-family: "Spectral", "serif";
}
.main_box{
/* width: 100vh; */
background-image: url(photo.jpg);
background-size: cover;
...
- 45
1
vote
3
answers
83
views
Turning The Split Border into a Complete Border During Hover in CSS
I want to create a border where the top and bottom appear like open brackets [ ], splitting into two small segments initially, and then animate to a full rectangle only on hover.
After the hover ends ...
- 610
1
vote
1
answer
73
views
CSS before and after content with brackets not working
I want brackets around my navigation links only on desktop/computer screen and not on mobile. In my code the right bracket (nav-link:hover::after) is working. But the left bracket (nav-link:hover::...
- 23
0
votes
0
answers
39
views
How to change the filter effect of a specific part of an image within a container based on hover over a block?
I have a container div with a background image, and inside this container, I have several block elements of fixed size. I want to achieve the following effect:
The container has a full background ...
- 1
0
votes
2
answers
74
views
Making divs dissappear onmouseout or when not hovering in CSS or JavaScript
I've gotten the divs to appear where they should, but all CSS I could find/figure out needs them to be directly next to one another on the page. They aren't, so I tried js. It makes them load, but it ...
0
votes
0
answers
59
views
Show on hover javascript working great but how do I add or change to click for mobile?
I have a map where a user can mouse over a number on the map and have an info card pop up. Then when they click on the number it links to the card infos website.
This doesnt work on mobile because ...
- 1
0
votes
0
answers
39
views
Code to move a button in a form in a div on a page and how to make a div appear when text is hovered over in another div
I have a form in a div on the top left hand side of my page, and I'm trying to move the button over to the right about 32% and center the text on the button that says login...
for the second question (...
0
votes
1
answer
97
views
Custom Cursor Stuck on Interactive Elements like Links/Buttons
I'm implementing a custom cursor consisting of two elements: a small black dot and a larger trailing transparent circle. While it works globally, the issue arises when hovering over interactive ...
1
vote
0
answers
67
views
QPushButton:hover not taken into account
I have read many questions/ answers on this topic but I still can't get the hover background to apply.
The default background color of QPushButton is working and when the mouse Gets over the button ...
0
votes
0
answers
70
views
In my react app, I have a Notification button from mui on hover, it opens popover, but does not close the popover when hover away
In my react app, I have the Notification icon from mui, on hover of Notification icon , I want the popover to open and when I hover away from it, it should close the popover. However, it is not ...
0
votes
0
answers
22
views
Change cursor color on hover in css [duplicate]
So my question is:- Can we change the Colour of Cursor pointer during hover state of a button? If Yes, then How?
eg. The viewer's cursor default color is white. But I want it to be black when the ...
-1
votes
1
answer
54
views
Trying to get hover and CSS to high light correctly [closed]
I'm having issues with CSS highlighting the correct rows of my table and allowing highlight when I mouse over them.
The rows of serverA and ServerR look like what I intend.
However, where the server ...
- 61
0
votes
1
answer
202
views
Flutter Listtile hover color is not working
I'm trying to add a hover effect to the list tile. I have tried wrapping it up in a Material widget to enable it. Tile color works perfectly but hovercolor is not working.
Please suggest some ideas.
...
- 17
0
votes
1
answer
56
views
CSS Sprites in WordPress
The code below shows the use of a sprite that should normally display images in B&W and when the mouse is hovered over the images, they become colored, but without showing the transitions between ...
- 3
1
vote
1
answer
63
views
Hover Effects are treated as click effects, but they work properly after resizing page
They were working before, but I was trying to add react based page linking and that seemed to have broken the hover effects and now I cannot get them to function properly again. They do the correct ...
- 193
0
votes
1
answer
57
views
Is it possible when mouseover on a button, to change the css properties of the underlying divs at the same time?
In my html page I have a button with two div's inside. The div above contains a menu icon svg, the div below contains the button text.
The divs are mandatorily used to place the icon and text in the ...
- 801
1
vote
1
answer
181
views
On button hover, textblock needs to display some text in c#
I have a button. On mouse hovering on the button, a textblock used in my project should display some value. Button is defined in the library and that library I am using in my project. In my project I ...
- 27
0
votes
2
answers
120
views
How to make :not(hover) not trigger on page load
I'm wondering if there is anyway to make :not(:hover) not trigger on the moment the page is loaded or after a refresh.
I want the button to not be red when the page is loaded, and only be red after ...
- 29
-1
votes
1
answer
89
views
How can I click through a div to open youtube link?
I made a custom play button via PNG that appears when the cursor is hovering over the video thumbnail. But now the video isn't clickable. If I set pointer events to none it won't make the hover event ...
2
votes
1
answer
36
views
flex hover elements not acting as expected
I have set up the beginnings of a Webpage for my start up business however the css for one of my flex objects is not going as expected.
I have a :hover attached to a card to change the opacity of the ...
- 23
0
votes
1
answer
209
views
Why does the Bulma CSS framwork change the z-index on hover?
I am looking into rendering performance issues of my website and I have found that I get a lot of repaints while just moving the mouse pointer around.
Example: the HTML-Box below the input field and ...
- 15.8k
0
votes
1
answer
81
views
Black Outline Issue Around Text with CSS Gradient
I'm trying to create text with a gradient effect using CSS, but I'm noticing that there's a black outline around the letters, which is not the desired effect. Here’s the CSS I'm using:
div.marge { ...
0
votes
1
answer
95
views
How to create hover animated effect that follows mouse to a limit?
I'm trying to create a hover effect similar to what is used on this web page: https://www.halo-lab.com/
It is used in the "Our Services" section for the play button on the top right corner (...
- 15