SetStyle Advanced Help

csp-unit-5
#1

I have a student wishing to “flip”, not rotate/spin an image within AppLab. Last year, Josh and Baker help us with rotating images for a spinner.

I am just not familiar with the subtleties of setStyle to know how to fix this problem.

Is it possible?

We do have a work around with going into a photo editor and making a flipped 2nd image but we are curious to know if you can flip images within appLab?

Thanks

#2

Try something like this -

setStyle(“image1”,“transform: rotate(20deg);” )

#3

You can use the CSS transforms scaleX and scaleY to flip horizontally and vertically, respectively. Eg:

setStyle("image1", "transform: scaleX(-1);");

#4

Thanks Josh.

You’re the best!