Hey,
i have a short question and i hope you guys maybe could help me out.
I´m working on a (laytheme-based) website and i want to have an effect simiular to this website where you hover (mouseover) over text (in my case i gave the text a certain class) and an image is faded in on a selected point and faded out after leaving the text. For sure its possible to get to this using javascript but when you take a look at this example you can see that also pure css should work.
In my case the code looks like that and i´m wondering why it´s not working:
.trigger {cursor:pointer;}
.trigger:hover .image{opacity:1.0;}
.image{
opacity: 0.0;
z-index:-100;
display: flex;
max-height:50vh;
width:auto;}
any Ideas? Thank you a lot!