Streaming live at 10am (PST)

Rollover Animation


#1

On the portfolio section of my site, I'm trying to have the images have a darker overlay with text appear over top of them on rollover. My problem is the animation I've set up keeps making the text semi transparent as well, which I don't want. Any tips? Thanks!

https://webflow.com/design/nicknameddesign?preview=62f1963c2759b11a8f5a8a0f0b872262


#2

put your portfolio text outside and above the gradient overlay element. Then make sure to give your portfolio text a z-index of something like 10 and your gradient overlay a 1


#6

I've gotten the rollovers to work correctly now. Only glitch I'm seeing now is if I hit the back button on my browser (safari & firefox), the rollover state is still active. (except on chrome which returns to normal)

Anyone have any solutions? Thanks again.

https://webflow.com/design/nicknameddesign?preview=b14a24b5374711bdcc9611e2ba60ce9b
http://nicknameddesign.webflow.com


#7