This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Marcus Gellermark
Posted Aug 03 - Read on Facebook

Is it just me or is it impossible to set rotationZ to a layer at the get go? rotationX and Y is working fine though.

example:
myLayer = new Layer x:0, y:0, width:40, height:40, rotationZ: 45

7 Comments

Marc Krenn

Hello Marcus!
"rotationZ" is the traditional, two-dimensional rotation (clockwise or counter-clockwise around the Z-axis) we know from tools like Photoshop - since it's the "default" rotation you don't need to specify the axis, so you just use "rotation: 45" instead.

"rotationZ" seems to be non-functional atm.

Marcus Gellermark

Oh :) thanx Marc!

Koen Bok

I think rotationZ is only different from regular rotation if you start changing perspective and z position (not z-index).

Marc Krenn

hey Koen,
just checked your hypothesis with the following code and rotationZ still appears to be non-functional:

container = new Layer
width: Screen.width
height: Screen.height
backgroundColor: 'transparent'

container.style.webkitPerspective = '1000px'

rectangle = new Layer
z: 100
superLayer: container
rotationX: 45
rotationY: 45
rotationZ: 45 # doesn't have any effect
# rotation: 45 # works just fine

rectangle.center()

https://dl.dropboxusercontent.com/u/7997357/framer/marc/rotationZ.framer/index.html

Koen Bok

Then it appears I was wrong. Happens pretty often.

Marc Krenn

You're certainly the first person who got confused by the brilliant, crystal-clear specification which is CSS3 ;)

... oh, and thanks for making me look like a know-it-all :D

Koen Bok

Haha sry. Thanks for testing it out.

Read the entire post on Facebook