Need tips for creating responsive content hover element

[mika]

Hi all CSS gurus!!

Now i need your help for creating this “content hover element” for customers
Concrete5 site..

Here’s my site so far: testi4.aada.fi

There is this one hover element that i’m working on right now which should work like this: http://testi4.aada.fi/files/7514/1802/2403/kwh_hover.png

and i have no idea how to manage to code that..

There is this image and when user places mouse over it user should get other div under that image with content..

Any tips are more than welcome!!!

// Mika

[Paulie_D]

Unfortunately, your image doesn’t clearly demonstrate the hover effect…

As always, a reduced version in Codepen is preferable to a live site.

[Paulie_D]

I was bored so I played a little…best viewed on fill size codepen.

http://codepen.io/Paulie-D/pen/zxrPJb?editors=110

[Author]

Posts