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
-
0
votes0
answers16
views -
0
votes1
answer249
views':Hover' effect with 'Transform' shows a defect in Google Chrome when exiting ':Hover'
I created an effect Hover zooming scale(1.5) in the image, but when it leaves the Hover the border-radius the image returns the square image before returning to border-radius original. The problem…
-
0
votes1
answer517
viewsHow to close responsive menu by clicking an item and changing the iframe in an html file?
I’m using a file index.html that on a wide screen appears all menu items, but when resized to a smaller screen (max-width: 640px), the menu bar becomes an icon where when clicked appears the menu…
-
0
votes2
answers24
viewsHow to apply different effects at the same time?
Eae personal, beauty? I have two icons and each one of them has a different Transform effect, my doubt is: When I hover over icon1, there is some way to trigger the icon2 effect at the same time? my…
-
0
votes2
answers54
viewsDelay error in transition
I’m doing a CSS animation with Hover, but a problem has arisen, when giving the item the Hover, it first performs the transition in the first element within itself, and after that, it makes the…
-
0
votes2
answers1048
viewsHow to add delay to Display:block
I’m creating a website, and I wish there was a "button" with the Whatsapp icon on it, and by hovering the mouse over that button, it expanded and showed the number I put there. Currently the code is…
-
0
votes0
answers546
viewsChange parent element style from child element with CSS
Good afternoon, I wonder if you have how to change the background of the father div when the child element(img) gain mouse focus(:) .pai{ padding: 20px; background-color: #ffb3b3; display:…
-
0
votes1
answer1860
viewsHover on one element and changing the color of another element
I would like when passing the mouse over the green element the pink changed to the blue color. #primeiro{ width: 300px; height: 300px; background: red; float: left; } #segundo{ width: 150px; height:…
-
0
votes0
answers13
viewsProblems with Tag Label Pseudo-classes
It is possible to apply effects of :hover, :active and :focus on the tag Label whole? I’m not getting it because the effect only applies to content label... body{ font-family:Helvetica,Arial; }…
-
0
votes2
answers230
viewsbecause the Hover does not overlap the div
I have a problem I think very simple. But I’ve done everything and nothing solves, as you can see in the print div who is with the hover she doesn’t stand on top of the div pai…
-
0
votes1
answer35
viewscss hover property is not covering the next item
I have two rectangles of the screen with information inside. I used the CSS Hover property, so that when the mouse is passed over, the rectangle increases in size. But it does not cover the…
-
0
votes3
answers173
viewsThe Hover is not working. Why?
@charset "utf-8"; body { background-color: white; color: rgba(0, 0, 0, 1); } p { text-align: justify; …
-
0
votes1
answer98
viewsWhat would be the structure of CSS. How to build this gallery template?
I would like to know what CSS structure needs to be applied to get the increase of divs with a good transition of animation at CSS level of height and width, the internal content of the div does not…
-
0
votes1
answer744
viewsHow do I create circular image with css mask and Hover effect?
Does anyone know any css template ready for me to use as a reference to recreate an effect on my site that I am switching from wordpress to html/css I saw by the code that is a layer mask Hover that…
-
0
votes0
answers75
viewsTransitions and page update
I’m learning css now through websites and courses. When I create an element and want to make Hover in it, I put Transition in the element. The question is: When I refresh my page (F5), the element…
-
0
votes1
answer127
viewsAnimate item to :Hover and return with other properties
Having an item, for example, an icon. I need your initial state to be gray and your CSS will be: filter: grayscale(100%) opacity(0.5); transition: 1s; After that, in the :hover the icon needs to…
-
0
votes1
answer69
viewsIn the menu a li does not occupy the whole area of ul. Cut a piece at the beginning of the menu
/* Configurações Globais Inicio */ html, body { box-sizing: border-box; margin: 0px; padding:…
-
0
votes1
answer174
viewsAssigning a CSS style to a specific element within a div
Hello! I’m doing a project and I have a div flexbox-container who has three div daughters, card-home-main. I would like to make an effect by passing the mouse on card-home-main, but when I do this,…
-
0
votes1
answer414
viewsChange the color of menu items by hovering the mouse
all right? I’m having a problem with CSS, which is the following: When hovering over the other menu items, I need the color of the letter to change to white, and also when the menu is selected, the…
-
0
votes1
answer27
viewsJavascrit when moving the mouse over a mobile phone, change the text of the cell
I’m new, I’m learning a lot on the site. I would like when you touch item 2, change the word item 2 to Yerba mate and continue to light item 4. $('.row-1 .column-2').hover(function () { $('.row-2…
-
0
votes3
answers179
viewsUsing a Class within another CSS Class
I have a table, and I want the lines to intersperse colors the way below works perfectly <style type="text/css"> .tabela_parametros_gerais tr{height: 20px !important;}…
-
0
votes1
answer24
viewsHow to change the width of this H3 so it is responsive and centralized vertically and horizontally?
I’m trying to center both horizontally and vertically this H3 but it’s bigger than the image, so when it changes the size of the device being seen it ends up leaving the center: The images have a…
-
-1
votes2
answers467
viewsHow to align menu using CSS (Only)
Hello, I am developing a website and, after being able to create a dropdown menu, I had a small problem. The same is not spaced, and the sub menu that appears is arranged horizontally. I have no…
-
-1
votes1
answer1845
viewsShow image when mouse over a div - CSS
On the site cited has an effect that when you hover over the link it appears an image. https://www4.benner.com.br/ .ul_ajudamos{ margin: 20px 0 0 20px; list-style:none; padding-right: 500px ; }…
-
-4
votes2
answers63
viewsError setting a background to a label and placing an image above the background of the label
//html <label class="home-header icon-menu"> <img src="arquivos/menu.svg"> </label> //css .icon-menu { position: relative; top: 0.5cm; left: 0.39cm; cursor: pointer; background:…
-
-4
votes1
answer34
viewsHover at anchor and icon
Each item on my list has an icon on the front, but, Hover doesn’t work for both at the same time. When I hover over the icon, 'text' accompanies the Hover effect, but when I step into 'text' the…