Re: CSS 2D transforms rotate with center point

Am 11.06.2010 07:43, schrieb Dirk Schulze:
> Hi,
>
> is it possible to extend rotate(<angle>) in the CSS 2D transforms spec 
> [1] with two optional arguments for the center of the rotation cx and 
> cy to rotate(<angle> [, <number>, <number>])? This would make CSS 
> transforms more compatible with SVGTransforms [2].
>
> Dirk
>
> [1] http://dev.w3.org/csswg/css3-2d-transforms/#transform-functions
> [2] http://www.w3.org/TR/SVG11/coords.html#TransformAttribute
>
<number> is of course the wrong value here, <translation-value> is 
better. So the definition for rotate would be:

rotate(<angle> [, <translation-value>, <translation-value>])

if no cx or cy is specified, the rotation is about the origin of the 
element. Using cx, cy would result in translate(cx, cy) rotate(<angle>) 
translate(-cx,-cy).

Dirk

Received on Friday, 11 June 2010 08:11:39 UTC