Text Over Image then hover

[chao]

Text over Image feature.

Here is the feature I wanted.

<h4>Before Hover:</h4>

<h4>After Hover:</h4>

The title of the image should slideup and appear the caption text.

Is there any HTML code i can use to do this? using the CSS for the effect is fine.

Thank you.

[Paulie_D]

You seem to have asked this before so I’ve deleted the old, vague question for you.

As before, a Codepen would be ideal, preferably with dummy images.

[Paulie_D]

However, I just through this together.

http://codepen.io/Paulie-D/pen/obeGBa

[chao]

Thank you Paulie. It’s look awesome! but however can the Image Title slide up along with the caption text after mouse hover? is that even possible with just CSS & HTML? Also, it should be hovering to the image to activated slide up function not just hovering to the Image Title. Again I appreciated your help.

[Paulie_D]

Well the building blocks are there…I suggest you examine the example and work out how it works.

It’s pretty basic stuff and I’m sure you’ll work it out.

[Author]

Posts