Streaming live at 10am (PST)

Transforms child element with css instead of jquery


#1

Hello :smile:
is there a way, or will be one, to transform a child element without the jquery?

example:
when I hover on parent div, a child element will change opacity? or display property?

this is how I do it now - with the built in jquery
http://example-a.webflow.io/


► [LIST] Feature Availability & Limits
#2

Yes, that is what interactions are for.


#3

not really. the webflow interactions use jquery and not only css.
if I am wrong, please explain


#4

Sorry, I misread your question. To do this currently in CSS, you will need to use the custom code block to insert CSS :hover .child selectors, as the settings panel do not support that.

.parent:hover .child { display: inline-block; }

I have added it to this topic as well for visibility:


#5

great
thank you samliew!


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.