MougousLab

I want the text to appear when not hovering, and then disappear when someone hovers to expose just the picture. Just like this link: https://www.bakerlab.org/index.php/members/ I would like the text to become transparent and the picture to be at 100% opacity when hovering. When not hovering I want 50% white layer and text. Thank you so much! 🙂

https://hen-goldfish-a2cr.squarespace.com/members

@tuanphan

Hi there, I am trying to emulate the members page of this website with the text overlay and images. So far I have this code which allows me to make the image full color when the mouse hovers over it, but I want to include text disappearing when I hover over it as well. Here is the example website I want my page to look like: https://www.bakerlab.org/index.php/members/ Here is the code I have so far <style> .image-block { -webkit-filter: opacity(50%); filter: white(50%); } .image-block:hover { transition: filter .5s ease-in-out; -webkit-filter: opacity(100%); filter:opacity(100%); } #caption:hover { display: none; } </style> Thank you!