Streaming live at 10am (PST)

Transforms child element with css instead of jquery

Hello :slight_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/

Yes, that is what interactions are for.

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

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:

1 Like

great
thank you samliew!

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