W3C home > Mailing lists > Public > www-style@w3.org > January 2011

RE: [css3-transform] definition of skewing

From: Rik Cabanier <cabanier@adobe.com>
Date: Mon, 24 Jan 2011 23:07:29 -0800
To: Simon Fraser <smfr@me.com>
CC: Alan Gresley <alan@css-class.com>, Chris Marrin <cmarrin@apple.com>, "www-style@w3.org" <www-style@w3.org>
Message-ID: <8A13F0222395BD428969E5BA529EFA74776732FBE2@NAMBX01.corp.adobe.com>
>> http://www.w3.org/TR/2009/WD-css3-2d-transforms-20090320/
> rotateX/rotateY are considered 3D transforms: <http://www.w3.org/TR/css3-3d-transforms/>
>> Are only 2d transforms are supported in animations and transitions or is the spec incorrect?
> Both 2D and 3D transforms are supported in animations and transitions.

Thanks for the clarification. I guess I was looking at the wrong version.

Rik
-----Original Message-----
From: Simon Fraser [mailto:smfr@me.com] 
Sent: Monday, January 24, 2011 9:28 PM
To: Rik Cabanier
Cc: Alan Gresley; Chris Marrin; www-style@w3.org
Subject: Re: [css3-transform] definition of skewing


On Jan 24, 2011, at 9:08 PM, Rik Cabanier wrote:

>> Why? Because I used generated content? Safari seems to handle it quite well.
> What I meant is that a 3d transform is conceptually harder than a simple rotate.
> 
>> Does the perspective value cause the vanishing points to either come 
>> closer together or further away from each other or is a new 
>> perspective point introduced?
> I think that authors don't think about this when creating content. They just manipulate the graphics so they look what they have in mind.
> I might be slightly biased because our products have the rotate(x, y) feature and I can see it's being used all the time...
> (ie in the attached file, the green animation has this effect 
> applied.)
> 
>> To demonstrate how your mathematical view is different from my visualization view.
>> <http://css-class.com/test/css/3/transform-color-cube.htm>
> :-)
> 
>> Does example 1a in the below demo meet your requirement? please view in Safari.
>> <http://css-class.com/test/css/3/transforms-rotate-skew.htm>
> It's close, but not quite the same.
> I posted an example here:
> http://mobiletest.host.adobe.com/csstest/skull.html
> The flash rendering is using rotate(x,y) while the html version uses rotate.
> 
> Also, looking at the working draft, rotateX/Y are not listed: 
> http://www.w3.org/TR/2009/WD-css3-2d-transforms-20090320/

rotateX/rotateY are considered 3D transforms: <http://www.w3.org/TR/css3-3d-transforms/>

> Are only 2d transforms are supported in animations and transitions or is the spec incorrect?

Both 2D and 3D transforms are supported in animations and transitions.

Simon
Received on Tuesday, 25 January 2011 07:08:05 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:36 GMT