Compare Revisions

transform-function

Revision 311149:

Revision 311149 by teoli on

Revision 325133:

Revision 325133 by DavidBradbury on

Title:
transform-function
transform-function
Slug:
CSS/transform-function
CSS/transform-function
Content:

Revision 311149
Revision 325133
n82    <h4>n82    <h4 id="Values">
n150    <h4>n150    <h4 id="Values">
n210    <h4>n210    <h4 id="Values">
n278    <h4>n278    <h4 id="Values">
n359    <h4>n359    <h4 id="Values">
n422    <h4>n422    <h4 id="Values">
n485    <h4>n485    <h4 id="Values">
n552    <h4>n552    <h4 id="Values">
n612      The <code>scale3d()</code> CSS function modify the size of n612      The <code>scale3d()</code> CSS function modifies the size o
>the element. It can either augment or decrease its size and as th>f an element. Because the amount of scaling is defined by a vecto
>e amount of scaling is defined by a vector, if can do so more in >r, it can resize different dimensions at different scales.
>one direction than in another one. 
n618      When outside the <code>]-1, 1[</code> range, the scaling enn618      When outside the <code>[-1, 1]</code> range, the scaling en
>larges the element in the direction of the coordinate; when insid>larges the element in the direction of the coordinate; when insid
>e the range, it shrinks the element in that direction. When equal>e the range, it shrinks the element in that direction. When equal
>s to <code>1</code> it does nothing and when negative it performs>s to <code>1</code> it does nothing and when negative it performs
> a <em>point reflection</em> and the size modification.> a <em>point reflection</em> and the size modification.
n626    <h4>n626    <h4 id="Values">
n685      <img align="left" alt="transform-functions-scaleX_2.png" cln685      <img align="left" alt="transform-functions-scaleX_2.png" cl
>ass="internal lwrap" src="/@api/deki/files/5807/=transform-functi>ass="internal lwrap" src="/@api/deki/files/5807/=transform-functi
>ons-scaleX_2.png?size=webview" style="width: 350px; height: 296px>ons-scaleX_2.png?size=webview" style="width: 350px; height: 296px
>;">The <code>scaleX()</code> CSS function modify the abscissa of >;">The <code>scaleX()</code> CSS function modifies the abscissa o
>each element point by a constant factor. Except if this scale fac>f each element point by a constant factor, except if this scale f
>tor is <code>1</code>, in which case the function is the identity>actor is <code>1</code>, in which case the function is the identi
> transform, the scaling is not isotropic and the angles of the el>ty transform. The scaling is not isotropic and the angles of the 
>ement are not conserved.>element are not conserved.
n699    <h4>n699    <h4 id="Values">
n756      The <code>scaleY()</code> CSS function modify the ordinate n756      The <code>scaleY()</code> CSS function modifies the ordinat
>of each element point by a constant factor. Except if this scale >e of each element point by a constant factor except if this scale
>factor is <code>1</code>, in which case the function is the ident> factor is <code>1</code>, in which case the function is the iden
>ity transform, the scaling is not isotropic and the angles of the>tity transform. The scaling is not isotropic and the angles of th
> element are not conserved.>e element are not conserved.
n770    <h4>n770    <h4 id="Values">
n824      The <code>scaleZ()</code> CSS function modify the z-coordinn824      The <code>scaleZ()</code> CSS function modifies the z-coord
>ate of each element point by a constant factor. Except if this sc>inate of each element point by a constant facto, except if this s
>ale factor is <code>1</code>, in which case the function is the i>cale factor is <code>1</code>, in which case the function is the 
>dentity transform, the scaling is not isotropic and the angles of>identity transform. The scaling is not isotropic and the angles o
> the element are not conserved.>f the element are not conserved.
n838    <h4>n838    <h4 id="Values">
n904    <h4>n904    <h4 id="Values">
n972    <h4>n972    <h4 id="Values">
n1034    <h4>n1034    <h4 id="Values">
n1097    <h4>n1097    <h4 id="Values">
n1167    <h4>n1167    <h4 id="Values">
n1238    <h4>n1238    <h4 id="Values">
n1305    <h4>n1305    <h4 id="Values">
t1372    <h4>t1372    <h4 id="Values">

Back to History