@@ -533,7 +533,12 @@ The same basic procedure would apply if one or three vertices had <var>w</var> &
533
533
Individual Transform Properties: the 'translate' , 'scale' , and 'rotate' properties {#individual-transforms}
534
534
===========================================================================================================
535
535
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.
537
542
538
543
<pre class="propdef">
539
544
Name : translate
@@ -547,6 +552,11 @@ Computed Value: as specified, with lengths made absolute
547
552
Animatable : as <<length>> or <<percentage>> list
548
553
</pre>
549
554
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
+
550
560
<pre class="propdef">
551
561
Name : rotate
552
562
Value : none | <<number>>{3}? <<angle>>
@@ -557,6 +567,13 @@ Media: visual
557
567
Animatable : as SLERP
558
568
</pre>
559
569
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
+
560
577
<pre class="propdef">
561
578
Name : scale
562
579
Value : none | <<number>>{1,3}
@@ -567,25 +584,6 @@ Media: visual
567
584
Animatable : as <<number>> list
568
585
</pre>
569
586
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
-
589
587
The 'scale' property accepts 1-3 values,
590
588
each specifying a scale along one axis,
591
589
in order X, Y, then Z.
0 commit comments