Hover prb
Hello,
i have prb when i hover the picture the size increase and the border-bottom-radius appear and that's is not correct
here is the css code the correct is when i hover the picture should be scaled without change the size please f you have any solution
.container .banner-2{
position: relative;
overflow: hidden;
border-radius:10px;
}
.container .banner-2 .banner-text{
position: absolute;
top:30px;
left:30px;
}
.container .banner-2 img{
max-width: 100%;
object-fit: cover;
transition: var(--main-transition);
} .container .banner-2 img:hover { transform:scale(1.1); }
} .container .banner-2 img:hover { transform:scale(1.1); }
4 Replies
you'll have to put a wrapper around it with
overflow: hidden; on there
but that's going to make using object-fit hardi put overflow hidden for the section related to the picture
if you check the pcitures before and after hover you see the difference
then share your code in a codepen that demonstrates the issue, I don't know what you're asking otherwise
#how-to-ask-good-questions has tips on some other sites you can use too
ok, thanks!