I looked diligently for a solution to this on the forum but couldn't find anything. I hope I didn't miss it somewhere!
I'm working on a 3 column stacked layout of image and i want transitions when the images are hovered. I'll be integrating it with a CMS (probably WordPress) and want to allow the client to upload their own images as they desire and put in their own text.
On the left column of images, because the div is set to 100% height, you'll notice that the hover effect takes up the entire column, as opposed to just the portion of the column occupied by the image.
I originally had separate rows of 3 columns containing only 3 images, but I was trying to anticipate that the client will likely upload images of differing heights and I didn't want there to be any blank spaces between rows.
The far right column is just another hover method I was working on. I didn't complete it however.
It's entirely possible that this is not the best solution for me to use so I'm completely open to all suggestions and critiques.
Thank you in advance for your help!