Image with different hover effects

[lollobolzi]

Hello everybody

I have trouble putting all together, maybe someone can help me ?

The inline-Border on Hover works
I need now an Zoom effect of the image with an overflow:hidden so that the pic doesn’t get larger.

And finally need the text <h2>in the middle vertically and horizontally of the image always without effects.

Can someone help me ?

Thank you !!

Gina

http://jsfiddle.net/lollobolzi/pjsd9vtj/5/

[lollobolzi]

I found out see jsfiddle :-)

[lollobolzi]

No … something got erased .. still looking for the answer on how keep the size of the picture

http://jsfiddle.net/lollobolzi/pjsd9vtj

[Whisky]

Is this the kind of effect you are looking for?
https://codepen.io/andywillekens/pen/d96d74eea42648db2e0fb0c4fc1b3820

[lollobolzi]

That ist wonderful whisky (nice name)
that ist exactly what I was looking for, I got to see now what you made!!! Thank youuuuu!

[lollobolzi]

uhh I noticed now that the a href doesn’t respond … I tried with a z-index but don’t work, any idea?

[lollobolzi]

The Problem is the “content:””:” tag .. if I take that out the link works, but the border hover doen’t … and if I leave it than the link doesn’t work … important is that the HTML code remains like it is.

http://jsfiddle.net/lollobolzi/pjsd9vtj/

[Author]

Posts