I have a problem and I don't know if there is a solution.
I have a hidden image that is activated when I do :hover but that is the problem, I need to hover over it so that it is activated and thus occupies the entire screen. but I can't leave a bit of the image uncovered because it would look very ugly. I want that image to be activated by hovering over another object like a button or another image.
I have already tried all the ways, putting buttons with the same class of the image but it does not work for me.
<img class="image" src="https://msaf.com.fj/wp-content/uploads/2017/06/500x500.png"/>
<style>
.image {
width: 50px;
height: 50px;
}
.image:hover{
width: 100px;
height: 100px;
</style>
Using CSS you can make the CSS
hover
rules of another change when you make an element. For this to be possible, the relationship between elements must be very specific, in the case of siblings it is possible. What the selector I've used does is it detects when the mouse is over the button and then looks for an image adjacent to it and makes it visible.