Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla

Revision 360355 of translation-value

  • Revision slug: CSS/translation-value
  • Revision title: translation-value
  • Revision id: 360355
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment

Revision Content

{{ CSSRef() }}

Summary

The <translation-value> CSS data type is used in the arguments for certain transform functions, including translate(), translateX(), translateY(), and translate3d().   A <translation-value> argument can be either a {{ Cssxref("length") }} value or a {{ Cssxref("percentage") }} value.

Specifications

Specification Status Comment
{{ SpecName('CSS3 Transforms', '#transform-functions', 'The Transform Functions') }} {{ Spec2('CSS3 Transforms') }}  

See also

  • CSS Data Types : {{ CSSDataTypes() }}

Revision Source

<div>
  {{ CSSRef() }}</div>
<h2 id="Summary">Summary</h2>
<p>The <code>&lt;translation-value&gt;</code> <a href="/en/CSS" title="CSS">CSS</a> data type is used in the arguments for certain <a href="/en-US/docs/CSS/transform" title="/en-US/docs/CSS/transform">transform </a>functions, including <code>translate()</code>, <code>translateX()</code>, <code>translateY()</code>, and <code>translate3d()</code>.&nbsp;&nbsp; A <code>&lt;translation-value&gt;</code> argument can be either a {{ Cssxref("length") }} value or a {{ Cssxref("percentage") }} value.</p>
<h2 id="Specifications">Specifications</h2>
<table class="standard-table">
  <thead>
    <tr style="background-color: rgb(255, 204, 255);">
      <th>Specification</th>
      <th>Status</th>
      <th>Comment</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ SpecName('CSS3 Transforms', '#transform-functions', 'The Transform Functions') }}</td>
      <td>{{ Spec2('CSS3 Transforms') }}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="See_also">See also</h2>
<ul>
  <li>CSS Data Types : {{ CSSDataTypes() }}</li>
</ul>
Revert to this revision