I have a simple Link block that contains of an image and a text underneath. What I want to do is hover anywhere (either the image or the text) with the same hover effect on the image. The hover effects: border radius changed (left upper corner from 30 px to 0 px), shadow opacity changed (from 10% to 20%), a text appears over the image (see the gif)
I am able to do all these with a simple hover when working with the image (it’s actually a div with an image background). I tried to do it via Element triggers but I can’t seem to find what I need to do (change border radius of an element).
It would be also helpful it it was possible to apply all children’s hover effects when hovering the parent Link block, also dunno if that’s possible.
Could someone please help?
Thanks in advance!