All Questions
6,714
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-...
-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>
<...
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
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
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 ...
0
votes
2
answers
44
views
Hover not working even with correct syntax?
I'm working on my final project for school, and I'm trying to code a piece of text(d0 in this example) to appear when I hover over the door, which is a class for an image.
body {
background-...
2
votes
1
answer
64
views
Angular Material Add transparent color to Row on Hover
I have an Angular Material mat-mdc-table. I want a greyish background color when I hover on a row.
.mat-mdc-row:hover{
cursor: pointer;
background-color: rgba(0, 0, 0, 0.04) !important;
}
...
0
votes
2
answers
32
views
Transtion effect not working on hover in html css
I want to do some slow smooth transition when hover on .bg-gradient and same when i remove cursor from hover but its come quick gone quick on hover.
.asc {
height: 500px;
background-position: ...
0
votes
1
answer
21
views
Css problem with area for the effect :hover
.navbar
{
list-style-type: none;
line-height: 3em;
padding: 5px;
}
.navbar li
{
position: relative;
padding-right: 200px;
top: -5px;
display: inline;
cursor: pointer;
}
.navbar li:nth-...
1
vote
1
answer
23
views
I have an image link on my website that changes upon hovering my mouse over it, how do i turn both images into a link?
My website uses an image as a link to another page, and I decided to make the image change upon hovering my mouse over it for some extra flair. I found a way to do it, but I found out that the hover ...
0
votes
1
answer
27
views
When mouseover on a table cell I want add a border to the cell to highlight it. But when I do this all the other cells width and height are effected
I have following html code for a simple intro page. On mousever (hover) event I will add a border to highlicght the cell. But when I do it with my existing code and css, all the cell heights and ...
0
votes
0
answers
11
views
Cart Counter bubble no hover colour in Menu Cart
Have a issue that I have been trying to solve for a few days now. I am building a wordpress website using Elementor and the Astra theme. I have added a Menu Cart to the top of my website and when ...
0
votes
0
answers
16
views
CSS 3d transformation nullifies hover effect for children elements
--rx and --ry are set dynamically with JS based on the mouse position relative to the container.
This is the CSS for the container.
--rx: 0;
--ry: 0;
transform: perspective(800px) rotateX(var(--rx)) ...