It would be easier if you shared you public link.
Learn how to do it here: http://help.webflow.com/sharing-your-public-webflow-site-link
Ok there’s a very good way to immediately replicate your interaction by assigning it to the other cells of your lead table.
The structure has to be exactly the same for all cells. (By the way, add a Link Block to the top of the hierarchy of each cell, don’t put a link, but you’ll get the hand cursor). Let’s say your structure is like this:
---- Cell-link (the Link Block, as recommended)
------ Cell-div (We will affect the interaction on this element) (set to Position:relative)
-------- Image-leader (the image, set to position:absolute so it covers exactly the Cell-div
-------- Cell-text (Text Block that appears on Hover) (set it to position:absolute so it covers the image as desired (It is very important that this element is a CHILD of the Cell-div element, we will get to that later)
So to begin with, one your Text element designed, set it at Display:none, or do like you did, and interaction that hides it on load.
And your interaction will be:
- Add a trigger: on mouse over
- Check the “Affect different element” box http://cl.ly/image/3F1g0c221k15 and in the field below, write “Cell-text” (it should auto fill).
- Check the “Limit to nested element” box just under. http://cl.ly/image/3D402l00082O This is the answer to your question: it will limit the effect to this structure, so the other cells (leaders) Cell-text elements won’t be affected.
- Set the Hover over and Hover out parts as desired (Opacity 100% Ease 300ms for the first and Opacity 0% 200ms ease out for the second, most likely)
Now select each of the Cell-div of your grid and affect them the interaction. All changes to the interaction will propagate to all cells.
The reason the Cell-text element has to be a CHILD of the element we’re giving the interaction to is because if it wasn’t, the Mouse Over event will stop as soon as Cell-text will appear: it will bug.
For interaction and structure, look here : http://sab.webflow.com/circle-with-css-transition (public link on the green dot)