Here is a picture of the mock up of my page.
Here are the effects I want to achieve:
- The whole div has a background image, and the bottom banner will appear on top of the whole div.
- The bottom banner will only be displayed, whenever your mouse hover onto the picture.\
- The bottom banner will slide in from below, then disappear whenever your mouse leaves the area.
I’ve tried to add in some CSS transition properties but couldn’t get it right.
Could need some help from you guys.
Thanks in advanced.
Also , what if I don’t know the exact height of the banner, can I still do this kind of effect?