CSS values syntax

  • Revision slug: CSS/CSS_values_syntax
  • Revision title: CSS values syntax
  • Revision id: 313201
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment

Revision Content

{{draft()}}

Animations
Property Syntax Initial value
{{cssxref("animation-name")}} [ none | IDENT ]# none
{{cssxref("animation-delay")}} {{xref_csstime()}}# 0s
{{cssxref("animation-direction")}} [ normal | reverse | alternate | alternate-reverse ]# normal

 

Revision Source

<p>{{draft()}}</p>
<table class="standard-class">
  <thead>
    <tr>
      <th colspan="3" scope="col">Animations</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{cssxref("animation-name")}}</td>
      <td id="syntax-animation-name"><code>[ none | IDENT ]#</code></td>
      <td id="initial-animation-name"><code>none</code></td>
    </tr>
    <tr>
      <td>{{cssxref("animation-delay")}}</td>
      <td id="syntax-animation-delay">{{xref_csstime()}}<code>#</code></td>
      <td id="initial-animation-delay"><code>0s</code></td>
    </tr>
    <tr>
      <td>{{cssxref("animation-direction")}}</td>
      <td id="syntax-animation-direction">[ normal | reverse | alternate | alternate-reverse ]#</td>
      <td id="initial-animation-direction">normal</td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>
Revert to this revision