@@ -533,7 +533,12 @@ The same basic procedure would apply if one or three vertices had <var>w</var> &
533533Individual Transform Properties: the 'translate' , 'scale' , and 'rotate' properties {#individual-transforms}
534534===========================================================================================================
535535
536- Fluff here.
536+ The 'translate' , 'rotate' , and 'scale' properties
537+ allow authors to specify simple transforms independently,
538+ in a way that maps to typical user interface usage,
539+ rather than having to remember the order in 'transform'
540+ that keeps the actions of ''translate()'' , ''rotate()'' and ''scale()''
541+ independent and acting in screen coordinates.
537542
538543<pre class="propdef">
539544Name : translate
@@ -547,6 +552,11 @@ Computed Value: as specified, with lengths made absolute
547552Animatable : as <<length>> or <<percentage>> list
548553</pre>
549554
555+ The 'translate' property accepts 1-3 values,
556+ each specifying a translation against one axis,
557+ in the order X, Y, then Z.
558+ Unspecified translations default to ''0px'' .
559+
550560<pre class="propdef">
551561Name : rotate
552562Value : none | <<number>>{3}? <<angle>>
@@ -557,6 +567,13 @@ Media: visual
557567Animatable : as SLERP
558568</pre>
559569
570+ The 'rotate' property accepts an angle to rotate an element,
571+ and optionally an axis to rotate it around,
572+ specified as the X, Y, and Z lengths of an origin-anchored vector.
573+ If the axis is unspecified,
574+ it defaults to ''0 0 1'' ,
575+ causing a "2d rotation" in the plane of the screen.
576+
560577<pre class="propdef">
561578Name : scale
562579Value : none | <<number>>{1,3}
@@ -567,25 +584,6 @@ Media: visual
567584Animatable : as <<number>> list
568585</pre>
569586
570- The 'translate' , 'rotate' , and 'scale' properties
571- allow authors to specify simple transforms independently,
572- in a way that maps to typical user interface usage,
573- rather than having to remember the order in 'transform'
574- that keeps the actions of ''transform()'' , ''rotate()'' and ''scale()''
575- independent and acting in screen coordinates.
576-
577- The 'translate' property accepts 1-3 values,
578- each specifying a translation against one axis,
579- in the order X, Y, then Z.
580- Unspecified translations default to ''0px'' .
581-
582- The 'rotate' property accepts an angle to rotate an element,
583- and optionally an axis to rotate it around,
584- specified as the X, Y, and Z lengths of an origin-anchored vector.
585- If the axis is unspecified,
586- it defaults to ''0 0 1'' ,
587- causing a "2d rotation" in the plane of the screen.
588-
589587The 'scale' property accepts 1-3 values,
590588each specifying a scale along one axis,
591589in order X, Y, then Z.
0 commit comments