Hover stack with texts and pictures?


(Adrienne Larkin) #1

Is there any way to get [this hover result] (https://www.hanahlife.com/pages/ingredients) with stacks? I looked at about 10 different stacks but none seems to have exactly what I want. I get that I need a grid stack - recommendations for the hover effect? Thank you!


(Rob Beattie) #2

Take a look at Big White Duck’s SectionsBOX stack. It can be a bit tricky to get your head around but there are demo projects you can download and tinker with and it’s a superb stack.

http://sectionspro.bigwhiteduck.com/box/hover-captions/

This another free alternative - not the exact effect, but pleasing nevertheless. http://www.weavium.com/stacks/image-card

I’ve used it here to create a simple hover effect for the three illustrations.


(robertreinink) #3

Maybe this stack can help you out too: Caption­On­Image

http://rapidweaver.marathia.com/stacks/captiononimage/


(Juan Fernando Maguid) #4

SectionsBox will do it for you, it’s really powerful. Here’s a tutorial I made on how to create hover activated animations with it. Of course this applies to ANYTHING that you insert in the stack.

And here’s a blueprint of my setup: https://goo.gl/jNrjFc


(Adrienne Larkin) #5

Thank you! This might work if the caption can cover the entire page as in the example. I will study the examples some more.


(Adrienne Larkin) #6

I will give them a try. Thank you!


(Rob Hall) #7

You could take a look at one of my Freebies to get started. You might even be able to use one straight out of the box.
http://bit.ly/rjh-store