Dynamic hover

[smallio]

Hi guys,

 

Just wondered if there was any examples of this style of hover. I'm struggling to make it work without the loop on several different titles.

 

Thanks in advance

Will

See the Pen jpMmwr by smallio (@smallio) on CodePen

[Carl]

Not exactly sure what you need. It would really help if you could produce a reduced test case that clearly illustrates the problem.

If you give us just a basic setup of HTML/CSS/JS with a clear explanation of what you need, i'm sure we can help.

[PointC]

Yeah -  a demo would be most helpful. You said you have several different titles, but want to make it work without a loop? I was a little confused by that and how it differs from the solution I gave you in the other thread. As @Carl mentioned, I'm sure we can help with some more info.

 

[smallio]

7 hours ago, PointC said:

Yeah -  a demo would be most helpful. You said you have several different titles, but want to make it work without a loop? I was a little confused by that and how it differs from the solution I gave you in the other thread. As @Carl mentioned, I'm sure we can help with some more info.

 

 

Hi guys,

 

Sorry about that, was on the move when I posted. So basically I want to make the blue card slide in from the right side when you hover over each grey box (the blue box should be hidden 100% to the right but for purpose of demonstration it's 90%). Should be simple enough using "this", however I don't know how to make one piece of code that works on multiple sets of these (there are a lot more in the project it comes from).

 

Thank's guys. 

 

 

 

See the Pen jpMmwr by smallio (@smallio) on CodePen

 

[PointC]

I thought this was a SplitText opacity question? 

 

Is this what you needed?

See the Pen PBGJNv by PointC (@PointC) on CodePen

 

[smallio]

10 hours ago, PointC said:

I thought this was a SplitText opacity question? 

 

Is this what you needed?

See the Pen PBGJNv by PointC (@PointC) on CodePen

 

 

Perfect! Thank you.

 

It was lol, but I decided this would be a simpler way of starting with for each & this! Will change the title