[Moving Element to a Position's Relative to Container]

Thanks all for your answers.

 

A smoothOrigin property as Sahil mentioned it seems it would be convenient to use.

 

I would be using OSUblake's answer.

 

Thanks.

[Moving Element to a Position's Relative to Container]

Hello,

 

I'm working in this animation where I first scale down 2 boxes using their default transformOrigin values, then I want to move them to the container's top:0 in a way that their top edges align with the container's top edge, I changed the boxes' transformOrigin to "center top" and it immediately aligns them to the container's top edge, which makes sense, but I want to do that with a tween. I specified a duration but it is not having any effects.

 

Can you please help me with this?

 

Thanks.

 

See the Pen LerXzJ by anon (@anon) on CodePen