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.
10,696
questions
0
votes
3
answers
36
views
How can I achieve a cursor hover affect when hovering over an inner element? (CSS)
I am trying to achieve a help cursor when hovering over a button, but the issue is I can't set the hover effect on the button itself (I only want to affect certain buttons and its not possible to set ...
0
votes
0
answers
15
views
Map hovering function with labeled texts
I would like to make a map in HTML/CSS/JAVA. The different countries on this map, should be filled out with a specific colour when I hover the mouse on it. Also for this hover, the specific text ...
0
votes
1
answer
13
views
How to get clicks from multiple same buttons on diferent divs?
This code generates x amount of divs and x amount of buttons in them
for(var i = 0; i < h; i++){
var div = document.createElement("div");
div.id = i.toString();
div....
0
votes
2
answers
37
views
Should I use CSS or Javascript for this hover use case? [duplicate]
I'm building a site where there is an image and icon within a container. I want to be able to hover over the container and the image would move up by 40px, icon would move right by 40px. Do I need to ...
-1
votes
2
answers
34
views
css with alternate row colours, hover and reveal
I have a table of six columns. The table is formatted with odd and even row colours with current row highlighted with different colour. I am using this table to list pdf documents which can be ...
0
votes
0
answers
42
views
weird glitch when hovering over between 2 text items
I have a weird glitch in my website and I hope someone can help me. I created a list of items, each one with a header and some content. The items are closed when the website starts, and only the ...
-1
votes
0
answers
35
views
hover using CSS in a JavaFX APP using VScode doesn't work on the App running [closed]
App Code:
package sample;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.stage....
1
vote
1
answer
34
views
How to make smooth expansion animation with icon appearance in css?
I have this piece of code which consists of a featured blog post section on my website. I made an icon to appear when hovering the .read-further, however it doesn't really do a smooth transition ...
0
votes
0
answers
18
views
I apply Scale on hover but when my icon goes back I want the icon speed to slow as compared to hovering
Description:
I have an icon I apply scale property on hover and transition as well in class , but when I hover the icon it scales fast that's prefect for me but when I remove hover I need to slowly go ...
0
votes
1
answer
55
views
Random characters being deleted from paragraph element after hovering over them
I have two paragraphs that are comprised of 8 rows that each contain 12 characters. The characters are either random symbols or full words whose positions are random. My code is supposed to highlight ...
-1
votes
0
answers
29
views
Hover zoom-in CSS
I am trying to get a zoom-in effect on hover for my images inside a gallery.
However, the center image is always showing a weird scaling or margin issue that I cannot get rid of.
The issue is only ...
-1
votes
2
answers
60
views
:hover not working, I've tried with everything I can think of
I have a Container in a div with WoodMineOwned id, when my mouse hovers over it I want the Wood ToolTip to show but it won't
<!-- TAB 1 ~Mines~-->
<div class="container">
<...
0
votes
3
answers
24
views
Hover effect in CSS stops working on certain elements once I change theme of the page, including the element, using Javascript
I'm working on a portfolio website and I have a menu bar at the top with 3 buttons.
My issue is that, when I change the theme of the page from dark to light with a toggle, effects on hover for some ...
0
votes
2
answers
40
views
How to disable hover effects on outer div when hovering over inner div?
I have an outer div with hover effects and a button inside. I am trying to disable the hover effect on the outer div when I hover over the inner button but am failing to do so.
.container {
...
1
vote
0
answers
20
views
How can I give a rolling effect to a text with the hover?
The hover effect I'm trying to create for the link Resume.
What I'm trying to do is make a rolling effect when hover effect is applied to the resume link.
When the user applies the hover effect, the ...
-1
votes
0
answers
25
views
Add to Cart Icon on Hover for Mobile
Can someone please help me with the following problem. I am using a theme (Flatsome) purchased from Themeforest.net The "Add to Cart" icons are set to display on "hover" for ...
0
votes
1
answer
33
views
HTML/Sass: Position of tooltip broken when multi-line
I have the following code for a tooltip in my current project:
HTML:
<div class="tooltip">
<img class="icons" src="(...)" alt="Icon"/>
<span ...
0
votes
0
answers
12
views
How to make an :hover sub-menu not disapear when not pointing the main menu anymore ? (HTML - CSS)
My drop-down menu disappears when I stop pointing at the main menu with my mouse. I'd like the submenu to appear only when I hover over the menu with my mouse, but I don't want it to disappear when I ...
0
votes
0
answers
21
views
Hover Effects for Wordpress Cards
I am working on a wordpress website, with the Avada theme. I have created these cards for events. The client wants the hover effects for this card for the text to turn white while the two container ...
-1
votes
0
answers
17
views
Change image in div without changing it's alignments and positions. And change the font-color as well
There is a div which has an image and a p tag. so what I want is that when I hover i want the div to change it's background-color, font color of the p tag and change the image with the other without ...
-1
votes
1
answer
22
views
Why that CSS :hover pseudo class not working? [duplicate]
i'm beginner and i try to design a navigation bar . i need to scale up item's size when it hover . I write css code for that but it didn't work. so i need your help
The css code i wrote mentioned ...
-1
votes
3
answers
44
views
Style element and ::before on hover
I'm trying to use CSS to make the text "Permits Required" and the ::before pseudo-class turn red - the ::before contains an icon.
.knHeader__menu-list-item:hover::before {
color: #...
0
votes
0
answers
12
views
Will hover suggestions for java (any IDE) work if source code is not there but JavaDocs are shipped with the JAR?
Will hover suggestions for java (any IDE) work if source code is not there but JavaDocs are shipped with the JAR?
I tried few things on VsCode:
Code refering to class from JAR with "source code&...
0
votes
1
answer
46
views
:hover not working JavaFX CSS for FontAwesomeIconView
I've got a problem where the :hover CSS option is not working properly.
This is the CSS:
.body:hover {
-fx-background-color: #b8fffd;
}
.exitIcon:hover {
-fx-fill: gray;
}
The body hover ...
-1
votes
0
answers
61
views
vscode java debugger variable hover shows variable type and not value
I have an existing (old) gradle Java project where the Java debugger shows variable values upon hover which still works as expected on other Macs. On a new Mac air running VS Code 1.81.1 and Java ...
1
vote
2
answers
59
views
Changing hover color of a TButton in a C++Builder Firemonkey program
Is there a way of changing the mouse hover color of a styled TButton in a C++Builder Firemonkey app for Windows?
Eg: I have a TButton on a form that uses the AquaGraphite style. The button is a start /...
0
votes
1
answer
39
views
Can I change the data displayed on hovering over a bubble chart in highcharts?
Can I hover over the bubbles in a bubble chart and display different data instead of the data points (x and y axis data)?
Picture of current bubble chart
Rep names in a single line
Rep names list
1
vote
1
answer
43
views
Remove Hover action when target is clicked
I have a button and there are event listeners to display a tool tip text paragraph on hover and also one to remove the text display on mouseleave. The button also has an Onclick event that opens an ...
2
votes
1
answer
42
views
How do I add more data to the hover of a density heatmap in Plotly?
I have a density heatmap using the Plotly library, specifically Plotly Express for Python. In it, the x-axis corresponds to the 'Father's Education' column from the 'total' dataframe, the y-axis ...
-2
votes
1
answer
66
views
Change Text On Hover With Special Cursor [closed]
Please guide me on how to change text on hover, similar to the monopo website. I do not require the background. Only a simple circle effect (like a coloured background) and the text changing would do. ...
0
votes
1
answer
33
views
Adding :hover programatically to multiple elements [closed]
Is it possible to programmatically add hover to multiple elements? In our system, there are more elements representing a single unit (yet they need to be separated into more elements for other reasons)...
0
votes
1
answer
42
views
SelectboxMixin.selectbox() got an unexpected keyword argument 'hover_data'
I was developing the webapp for data science and stuck on the selectbox hover_data feature , it seems its no loger supports the hover_data.
While implementing the selectbox in streamlit webapp it ...
0
votes
0
answers
20
views
Active page Dropdown Menu Hover not working
I am creating a website using wordpress/elementor. I changed the colors for the main menu in Customize. They work fine but not for the active page, where the hovering doesn't work. I am not familiar ...
-1
votes
1
answer
24
views
Hover expand issue on webpage
I have this code for my website where the blocks are supposed to expand into the middle, but when i hover over the blocks on the right side it will also drag the other blocks with it into the middle. ...
3
votes
1
answer
35
views
it's possible to change text properties by custom zone on hover?
Here is my expected Result:
Hello everyone, I can not reproduce the result of the image.
I would like to get the result of the image, I have a custom cursor, and when I hover over text with I would ...
0
votes
1
answer
27
views
How do i change an image on hover in tsx?
I have a quick and small question, im trying to replace a picture when hovering and existing picture, all examples i've seen are using links while im using pictures from a folder, local save picture ...
0
votes
1
answer
66
views
Enable content on row hover in Blazor wasm
I have a Blazor table component with a variable number of rows, based on a collection:
<table id="MyTable" class="table table-hover">
<thead>
<tr>
...
0
votes
1
answer
13
views
HTML/CSS error in creating hover drop down buttons
Desperately trying to make a button version of a navigation bar for a restricted access use to SiteCore for our school website. I have minimal Page Components available but have found a way to create ...
1
vote
0
answers
28
views
On hover button showed up but it glitches around when entering
I want to implement a simple hover animation. A button should appear when a container is hovered. This also works so far, but the button jerks or enters the box uncleanly. Anyone know a better ...
0
votes
2
answers
35
views
CSS SVG on hover causes cursor bug
I'm trying to make the cursor change to a pointer while hovering over SVG's on my website. But for some reason when I jump between them the cursor looks very weird. Any ideas what might be causing ...
0
votes
0
answers
33
views
CSS: Scrollable menu bar with hover
I am trying to create a menu with a CSS hover dropdown, basically following this example https://www.w3schools.com/howto/howto_css_dropdown.asp.
However, my menu is very wide and should be scrollable. ...
0
votes
0
answers
24
views
hover class is not working. I'm using tailwindcss CLI
<ul class="flex flex-col justify-center items-start gap-2 w-[100%]">
<button
class=" action-btn bg-transparent hover:bg-[#272e3f] text-[#fff] opacity-50 hover:...
0
votes
1
answer
21
views
I want that when I hover the mouse over one item of the items, the opacity of my other items will be reduced to 0.5. How can I do it?
I want that when I hover the mouse over one item of the items, the opacity of my other items will be reduced to 0.5. How can I do it?
.service-item {
padding: 50px 30px 40px;
border: 1px solid ...
0
votes
1
answer
24
views
Using Bokeh HoverTool without Lable only value
I'm using Bokeh HoverTool for a simple circle plot.
I want to use HoverTool such that when I move the cursor on a circle I'll see the value, only the value without the label.
In my code now when I ...
-1
votes
1
answer
31
views
How to change the rest of background-color when words are rotated with it
I have a navbar and I need to rotate words. That's what I did, but when I rotate it, it will be rotated even with hover and then there are these little space of background-color that are of original ...
0
votes
1
answer
18
views
Is there a way to remove clicked/hovered/touchstarted/tapped/active/focused status from a link on mobiles?
I tried to find dome duplicates of this question, and there are other threads with the same or with similar questions, but none of these threads include an actual solution.
No, blur() doesn't work ...
0
votes
0
answers
22
views
How to remove hover state from the parent of a clicked element on mobile?
I have a tooltip that appears when a toggle is hovered over.
On mobile a click on a toggle opens it, and another click anywhere outside of it closes it.
I want to make it so a click inside the popup (...
0
votes
1
answer
31
views
why hover is not working and styles not showing?
I'm designing a navbar and my hover doesn't work.
when i hover on "man" item in my dropdown its hover style, doesn't work and doesn't show styles in Inspect.
what is the problem?
this is my ...
1
vote
2
answers
43
views
is there a way to hover over a text and show some other text? which is in another div
So i saw these post 1
and this one for hover on div to change another div 2
on which you hover over some image and it shows the text
I tried doing it with text and it works just fine. Now i tried to ...
-2
votes
2
answers
42
views
Why is my :hover css attribute not working?
I am making a website to hold all my projects, and I want an effect on where you hover over a Font awesome icon, it pulses in and out, however the :hover effect isn't working at all. Even trying to ...