How to select certain elements of group of element

[OrhanOzkercin]

Hello, I'm really new with Gsap and now I have a problem with choosing certain dom element. I have 3 div with same children and I want to animate those children but when I chose childrens classname it animates all children. I want to animate only div that has also  active class. 

 I added similar example. I just want to animate active parants children.

 

 

See the Pen KKzdLME by Orhando (@Orhando) on CodePen

[Dipscom]

Hi OrhanOzkercin,

 

Welcome to the forums!

 

You're almost there. If you want to target only the children of the element that has the ".active" class on it, you need to specify it on the CSS selector.

 

gsap.from('.active *', {...})

 

Here's a handy list of selectors for you: https://www.w3schools.com/cssref/css_selectors.asp

[OrhanOzkercin]

4 minutes ago, Dipscom said:

Hi OrhanOzkercin,

 

Welcome to the forums!

 

You're almost there. If you want to target only the children of the element that has the ".active" class on it, you need to specify it on the CSS selector.

 

gsap.from('.active *', {...})

 

Here's a handy list of selectors for you: https://www.w3schools.com/cssref/css_selectors.asp

Thank you, I was not aware that we could write regular css selectors like this one. This was kind a silly question, sorry for that.  

[Dipscom]

Not a problem. I would say it was not a silly question if it led you into the solution to your problema and gave you further insight.