Animate target X by 100% of it's own width

I have a target ul that is the width of all of the inline LI’s inside. I want to do a pinned scroll scene to move it from 0% at the beginning, to -100% X so that it is offscreen. It seems to be using some other metric than it’s own width. When I find the right attribute to animate i would expect it to work on any width viewport.

thx for any help.

1 Like

should this work as the property for x:


@mmelon use the X% and Y% animation properties to transform by % of element own size.

Here is a quick example:

1 Like