diff --git a/css-transforms-2/Overview.bs b/css-transforms-2/Overview.bs index eeb2eb640111..b480a616d686 100644 --- a/css-transforms-2/Overview.bs +++ b/css-transforms-2/Overview.bs @@ -645,7 +645,7 @@ which can have additional side-effects in UAs.
Name: scale -Value: none | <>{1,3} +Value: none | [ < > | < > ]{1,3} Initial: none Applies to: transformable elements Inherited: no @@ -667,6 +667,10 @@ If three values are given, this specifies a 3d scaling, equivalent to the ''scale3d()'' function. +A < > is equivalent to a < >, +for example ''scale: 100%;'' is equivalent to ''scale: 1;''. +Numbers are used during serialization of specified and computed values. + ---- All three properties accept @@ -910,6 +914,19 @@ The Transform Functions {#transform-functions} ======================= The value of the 'transform' property is a list of <transform-function>. The set of allowed transform functions is given below. Wherever < > is used in this specification, a < > that is equal to zero is also allowed, which is treated the same as an angle of zero degrees. A percentage for horizontal translations is relative to the width of the reference box. A percentage for vertical translations is relative to the height of the reference box. +A percentage in a scale function is equivalent to a number, and serializes as a number in specified values. +For example, ''scale3d(50%, 100%, 150%)'' serializes as ''scale3d(0.5, 1, 1.5)''. + +2D Transform Functions {#two-d-transform-functions} +---------------------- + +The scale functions defined in [[!css-transforms-1]] now support percentages. + +: scale() = scale( [ < > | < + +: scaleX() = scaleX( [ <> ]#{1,2} ) > | < + +: scaleY() = scaleY( [ <> ] ) > | < 3D Transform Functions {#three-d-transform-functions} ---------------------- @@ -924,9 +941,9 @@ In the following 3d transform functions, a <> ] ) > behaves th :: specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively. : translateZ() = translateZ( < > ) :: specifies a 3D translation by the vector [0,0,tz] with the given amount in the Z direction. -: scale3d() = scale3d( <> , < +: scale3d() = scale3d( [ <>, < > ) > | < :: specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters. -: scaleZ() = scaleZ( <> ]#{3} ) > ) +: scaleZ() = scaleZ( [ <> | < :: specifies a 3D scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter. : rotate3d() = rotate3d( <> ] ) > , < :: specifies a 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first three parameters. A direction vector that cannot be normalized, such as [0,0,0], will cause the rotation to not be applied.> , < > , [ < > | < > ] )