Compare Revisions

transform-origin

Change Revisions

Revision 291201:

Revision 291201 by teoli on

Revision 291202:

Revision 291202 by teoli on

Title:
transform-origin
transform-origin
Slug:
CSS/transform-origin
CSS/transform-origin
Tags:
css, CSS Reference, CSS Référence, CSS Transforms
css, CSS Reference, CSS Référence, CSS Transforms
Content:

Revision 291201
Revision 291202
nn18    </p>
19    <p>
20      Not explicitely set values are reset to their corresponding
 > values.
n78        Is a {{ xref_csslength() }} or a {{ xref_csspercentage() n81        Is a {{ xref_csslength() }} or a {{ xref_csspercentage() 
>}} describing how far from the left edge of the box the origin of>}} describing how far from the left edge of the box the origin of
> the transform is set. In the one-value syntax, where it is used > the transform is set.
>alone, without an explicit value for the y- and z- offset, these  
>are set to their initial values, that is<code>50%</code> (or <cod 
>e>center</code>) and <code>0</code>, respectively. 
n84        Is one of the <code>left</code>, <code>right</code>, <codn87        Is one of the <code>left</code>, <code>right</code>, <cod
>e>top</code>, <code>bottom</code> or <code>center</code> keyword >e>top</code>, <code>bottom</code> or <code>center</code> keyword 
>describing the corresponding offset. The two other values are not>describing the corresponding offset.
> explicitly set and will be set to their initial values. 
n108        tn111        Is a {{ xref_csslength() }} (and never a {{ xref_cssperce
 >ntage() }} which would made the statement invalid) describing how
 > far from the user eye the z=0 origin is set.
n112      The keywords are convenience shortcut and match the followin115      The keywords are convenience shorthands and match the follo
>ng {{ xref_csspercentage() }} values:>wing {{ xref_csspercentage() }} values:
t420      <li>{{ cssxref("transform") }}t
421      </li>423      <li>
424        <a href="/en-US/docs/CSS/Using_CSS_transforms" title="/en
 >-US/docs/CSS/Using_CSS_transforms">Using CSS Transforms</a>
422      <li>425      </li>
423        <a class="internal" href="/En/CSS/Using_CSS_transforms" t426      <li>{{ CSS_Reference:Transforms() }}
>itle="en/CSS/Using CSS transforms">Using CSS transforms</a> 

Back to History