Apologies if I’ve asked this before, but I couldn’t find an answer with search.
Is there a reason why the translate settings are pixels only?
I have a situation where the project scene is 100% x 100% to fill the browser window. I have a rectangle element that is also set at 100% x 100% and it has an image fill set to the fill option to proportionately fill the whole window with the image.
As the scene plays, I wanted the image to shift 50% to the left. I know you should use translate for animations rather than left but translate is pixels only and setting to half the container (512px) fails on a larger window. Left works at (-50%) but fails on the iPad as the animation does not redraw correctly - leaving lines on the screen.
I’ve solved the problem by creating a class (transform: translateX(-50%)) and adding with JS when triggered.
Here’s a simplified example. Buttons top left. https://saola.interaktiv.co.uk/translate/
But it made me wonder why translate is pixels only in Saola?