Most voted "css-hover" questions
Hover is a pseudo-class of CSS that is activated when the action of placing the mouse cursor on a particular element occurs, or when the user touches an element on touch screen devices.
Learn more…76 questions
Sort by count of
-
16
votes1
answer7765
viewsShow image under another with css Hover
How do I make when I hover under an image, another image appears on top with opacity... For example: I have a div with the cover image of a movie, when I move the mouse under the div, I would like…
-
7
votes2
answers80
viewsWhy does image transparency on the Firefox Button not work?
I have this code that is nothing more than an image with opacity inside a button. Chrome works normally, but Firefox is bugged, as you can see. Follow the code for the image above: button { padding:…
-
5
votes2
answers1406
viewsHover on selector :before
I found myself in a situation, I even know how to get around, doing otherwise, but I wonder if it is possible to use :Hover in an element :before, I have the following structure: <a href=""…
-
5
votes1
answer1238
viewsActivate HOVER without clicking the same div
Next, I have 2 tables, the items in the second table have Hover. I need to mouse 1 item of the first table and it activates the Hover of the respective item of table 2, but I can’t pull the same id…
-
5
votes2
answers2147
viewsZoom effect with CSS
I have a div with an image in which I applied a zoom effect and a slight rotation! but this image must zoom and rotate within the limits of the DIV without overflowing but hide the parts that exceed…
-
5
votes3
answers190
viewsCSS catch siblings before element?
Well basically, I have the following structure, where when the hover is activated in an element, the brothers on the right must receive an exclusive style, while those on the left must receive…
-
5
votes2
answers298
viewsHow to overlay flex items during a CSS Hover?
I have a form you received display: flex, and inside it is 3 inputs: a name, a password and a button, plus a h1 written 'login'. When I pass the mouse over the elements, the height and the width…
-
4
votes2
answers173
viewsTransform text to text on Hover!
Good, I have a paragraph and I want him to have it font-style: italic; when I pass the mouse over, which properties should I :hover?! I wish it was a 0.3-second transition…
-
4
votes1
answer496
viewsHow to Inspect an element that only appears when I do Hover on another element?
I have an element that when making a hover in it will appear a pseudo-element elsewhere on the screen, however I would like to inspect this pseudo-element when it is visible on the screen. How do I…
-
4
votes1
answer1013
viewsHow to make a CSS animation starting from one side in Hover and ending from the other when Hover comes out?
I have an animation where an element appears entering from left to right when I do the :hover in the .box, but I would like that when I took the mouse from the .box the element now exits from the…
-
2
votes4
answers8374
viewsChange image with CSS Hover
I have two images in html and they are both in the same place on the page. What I want to do is touch the images with Hover. I hid an image with display:None and when Hover the display becomes…
-
2
votes1
answer687
views -
2
votes2
answers368
viewsHow to put this kind of Hover?
The Hover I want is this : http://prntscr.com/i4vr9n My Hover is like this: http://prntscr.com/i4vrsk My css and html html{ font-family: sans-serif; } header{ width:100%; height:58px;…
-
2
votes1
answer33
viewsDecentralized Sub Menu - according to browser, I don’t know where I’m going wrong
/*Sub-Menu*/ .menu.superior .nivel-dois, .menu.superior .nivel-dois, .menu.superior .nivel-um li:hover .nivel-dois{ display: contents; position:absolute; } .pagina-login .menu.superior,…
-
2
votes2
answers109
viewsPlaceholder color does not change when mouse is over it in another theme
I have the following research box placeholder is customized even in the hover, however when I switch to the high contrast mode of the site, it does not change the color of the placeholder when in…
-
2
votes1
answer1671
viewsHow to change the image displayed in the Desktop and Mobile versions of a website
I needed the desktop version of a website to display an image and the mobile version another image. Since on the desktop the counter would be on top of the image (as it already is) and in mobile…
-
1
votes1
answer394
viewsEffects on links through the Hover
Guys, can anyone tell me how I do this effect with hover? When passing the mouse over the menu link it appears that vertical line on the name, I could only with the horizontal line below the name.…
-
1
votes2
answers1143
views -
1
votes1
answer319
viewsHover in Third Div Affect First - Previous Sibling Element - With Pure CSS
<div class="selelikes-wrap"> <div class="selelike"> <span><</span> </div> <div> <span>0</span> </div> <div class="seleunlike">…
-
1
votes1
answer346
viewsLayout break with top menu in different browsers
Guys, I’m having problems in my top menu, as for the size of the black bar that is marking the menu area and the size of each area <li> from my menu. In Google Chrome is all good, then when I…
-
1
votes2
answers244
viewsI cannot place the link with the ACTIVE function
I have a menu, on my site in wordpress, that when passing the mouse (if) it load a border at the base, so far so good, but I can not put the ACTIVE function for when the person is on the related…
-
1
votes1
answer40
viewsHow to insert a link to another pg in each image in this menu
Good personal evening I’m new to the subject and I found a very interesting menu on codepen - https://codepen.io/bennettfeely/pen/wWVZAW I am sending you the link of the original project because I…
-
1
votes1
answer201
viewsHow to style various elements with different styles in the Hover
I have a div with several links, like this: Where in the hover of div (wrapper) did only underline the bold text (title) but when doing hover in tags underlined the respective tag and did not…
-
1
votes1
answer1600
viewsHTML-CSS hide and show submenu does not work
I’m trying to make a menu that opens when passing the mouse opens the corresponding submenu. In this case, the "blouses and shirts" menu should be with its submenu closed, opening only by hovering…
-
1
votes1
answer1401
viewsHow to create a mouse-over effect on an image and position it where I want?
I’m looking to replicate an effect of mouse over but what I’ve achieved so far is a bit buggy, the line with the effect is going from one side to the other, and it’s not just the length of the text,…
-
1
votes2
answers651
viewsHow can I use mouseover to change the background color of a div?
Hello, I would like to change the background color of a div when you put the cursor on it, how do I do this? Div in question [HTML]: <div class='container2'> <div class="MP"> <img…
-
1
votes1
answer64
viewsExecution of Hover for social network
How to make so that when the execution of the Hover occurs in the partner networks it does not move all the partner networks, only the one with the mouse and the others stay fixed? They’re all…
-
1
votes1
answer129
viewsMake the tooltip visible without being in the Hover
I want the tooltip appear as soon as you load the page, other than by the effect of hover. [class*="tooltip"]{ position:relative; text-decoration:none; }…
-
1
votes4
answers307
viewsDiv hover change color in other elements
Something that seems simple, I need to change the color of the text of an H2 and a div, in the Hover of another div. https://codepen.io/sNniffer/pen/jXdbeE .icone_verde { background:green;…
-
1
votes1
answer30
viewsTransition not running at the same time on different elements
Guys, I have a problem in the transition CSS3, I have an icon in Font Awesome and link text that changes from white to light green on :hover, but when taking out the mouse the color changes one in…
-
1
votes1
answer628
viewsscroll bar changes content setting
Hello, everybody! I want the scrollbar on my div to appear only when the Hover is activated and so far so good. The problem is that when the scrollbar appears, the content of the div is thrown to…
-
1
votes1
answer36
viewsShow Image Hover Mouse
You would need to show an image when passing the mouse, what would be the best way to do it? Follow my code: .scenario { position: relative; margin: auto; width: 400px; height: 400px;…
-
1
votes1
answer78
viewsJavascript Setinterval Does Not Work
I have the following code, where the links are hidden with opacity: 0 and with Hover he will have opacity: 1; But I need the SetInterval, show them randomly. Up why mobile does not work the hover. I…
-
1
votes1
answer59
viewsHow do I leave the background of a Hover color input in a table?
Is there any way to let an input that by default has its white background-color stick to the color of the line at the time of Hover? input { border: none; outline: none } <link rel="stylesheet"…
-
1
votes1
answer79
viewsEffect with Hover in two elements
I am trying to make an effect that, when passing the mouse on some topic, the others decrease the opacity, highlighting the topic on which the mouse is. In addition, the Hover changes the color from…
-
1
votes1
answer157
viewsTranslatex() needs to be activated in a <li> and move a <Nav>
The problem I’m having is that I’m making a burger menu, this burger menu, once opened, has a specific field that when passing the mouse would have to open a sub menu, my idea is that this submenu…
-
1
votes1
answer181
viewsAnimation of Css link
Animation occurs when I pass the mouse, but when I remove it comes back without animation. They can tell me how to have the same animation effect when removing the mouse? .link { text-decoration:…
-
1
votes1
answer22
viewsbackground-size: cover. Is there any way to add a percentage value?
I want to add an Event Hover that slightly increases the size of the image I’m using from the background, but to keep it responsive accurate background-size:cover. follows an excerpt of code made…
-
1
votes1
answer37
viewsMake an element grab the entire screen using Hover
I was making a layout in fig, and I’m passing it to html and css, but I wanted to make an animation. As you can see I have a pink triangle, and I wanted to pass the mouse over it, it zoom in and…
-
0
votes1
answer485
viewsHow do I make Transition work in "round trip" when using Hover?
I have this :hover here... .novidades{ background-color: #F5dcdc; background-color: #f5dcdc; background: linear-gradient(#f5dcdc, #bebef4); position: relative; bottom: 0; } .novidades:hover{ bottom:…
-
0
votes1
answer235
viewsHow to make a "balloon" effect on a menu?
I need to make an effect similar to a conversation balloon in the tags < a > of my menu, as well as this figure, when I step the mouse( Hover effect) the balloon appears. I tried to do…
-
0
votes1
answer1273
viewsCSS - Overlay action
Friends I am not very good with CSS or HTML, but I can manage with some things. I am creating my site (https://girundi.com/) just that they need a help: As I created in cargocollective the template…
-
0
votes2
answers672
views -
0
votes1
answer293
viewsGive effect to the image and the re-colored Hover
I don’t know if it’s possible. I tried it with mix-blend-mode, filter, but it doesn’t work. It would be possible for an image to start with a layer of gray and on top, a layer of green. When passing…
-
0
votes2
answers75
viewsI cannot use Pseudo-classes in css
Hello. I’m trying to put a style in the links on my site, but when I open the site does not apply the changes I put through css. I used the following code I’ve researched some places, but none…
-
0
votes2
answers108
viewsHow do I put these effects on images with CSS?
How do I make these effects in the images leaving color and with the design of the example, and when you hover the mouse the photo gets the normal color and a text appears on the image…
-
0
votes1
answer127
viewsDropdown menu in CSS
Good afternoon Galera, How do I make the dropdown work in the menu I created? Hiding the dropdown from what we did was easy, but how do I make it appear with the mouse over the "what do we do"…
-
0
votes1
answer500
viewsWhy does the Hover effect stop working on these css buttons when I resize the screen?
Good morning, excuse me if there is already answer to my question here in the community, is that I am creating an "offline panel" for use here in the company, but certain things are not working very…
-
0
votes1
answer32
viewsBlocking options when selecting link in mobile version
Hello I would like to know if there is any way to block page options when holding an image in the mobile version, because in the web version when I step with the mouse in the image (Hover) appears…
-
0
votes0
answers57
viewsEffects of Hover happening automatically on @media
Hello! I’m doing a Hover effect on my project (Assigning a CSS style to a specific element within a div), in boxes, that when I step the mouse it expands and displays a text and a button that did…