- This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Here is a fiddle of what I’m playing with//
[http://jsfiddle.net/Vk83P/26/](http://jsfiddle.net/Vk83P/26/ “http://jsfiddle.net/Vk83P/26/”)
I am not sure how I can hide the “View” text until image hover.
I’m sure it’s a simple fix but I can’t figure out how to do it…
Clearly. Lol.
Also, I used a class of “anim” for the transition. Except it doesn’t even work…
Any help would be awesome!
.overlay span {
visibility:hidden;
}
.overlay:hover span {
visibility:visible;
}
Or perhaps something like this: http://codepen.io/Paulie-D/pen/f66a765171c3d3980c825a7c089fc726
@paulie_d Thanks Paulie! I’ll use your technique for other projects :)
I wanted to the overlay to cover the whole image…
Do you have any idea why “anim” isn’t working though?
:/
You can cover the whole image…it’s just a matter of sizing the figcaption to be the same as the image and adjusting the positioning.
http://codepen.io/Paulie-D/pen/d50e4a1cd986032c74d11e1564e1e65c
It is but, to be honest you could do it with a couple of divs if you want.