Compare Revisions

transition-property

Change Revisions

Revision 394205:

Revision 394205 by Sheppy on

Revision 423473:

Revision 423473 by ethertank on

Title:
transition-property
transition-property
Slug:
Web/CSS/transition-property
Web/CSS/transition-property
Tags:
"css", "CSS Reference"
"css", "CSS Reference"
Content:

Revision 394205
Revision 423473
n7    <p>n7    <div>
8      {{ CSSRef() }}8      {{CSSRef}} {{SeeCompatTable}}
9    </p>9    </div>
10    <p>
11      {{ SeeCompatTable() }}
12    </p>
n17      The <code>transition-property</code> CSS property is used tn14      The <code>transition-property</code> CSS property is used t
>o specify the names of CSS properties to which a <a href="/en/CSS>o specify the names of CSS properties to which a <a href="/en-US/
>/CSS_transitions" title="en/CSS/CSS transitions">transition effec>docs/Web/CSS/CSS_transitions">transition effect</a> should be app
>t</a> should be applied.>lied.
n23      If you specify a shorthand property (for example, {{ cssxren20      If you specify a shorthand property (for example, {{cssxref
>f("background") }}, all of its longhand sub-properties that can b>("background")}}, all of its longhand sub-properties that can be 
>e animated will be.>animated will be.
n25    <p>n22    <div>
n27    </p>n24    </div>
n32<a href="/en-US/docs/CSS/Value_definition_syntax" title="CSS/Valun29<a href="/en-US/docs/Web/CSS/Value_definition_syntax">Formal synt
>e_definition_syntax">Formal syntax</a>: {{csssyntax("transition-p>ax</a>: {{csssyntax("transition-property")}}
>roperty")}} 
n75      There are several examples of CSS transitions included in tn72      There are several examples of CSS transitions included in t
>he main <a href="/en/CSS/CSS_transitions" title="en/CSS/CSS trans>he main <a href="/en-US/docs/Web/CSS/CSS_transitions">CSS transit
>itions">CSS&nbsp;transitions</a> article.>ions</a> article.
n97            {{ SpecName('CSS3 Transitions', '#transition-propertyn94            {{SpecName('CSS3 Transitions', '#transition-property'
>', 'transition-property') }}>, 'transition-property')}}
n100            {{ Spec2('CSS3 Transitions') }}n97            {{Spec2('CSS3 Transitions')}}
n111    <p>n108    <div>
112      {{ CompatibilityTable() }}109      {{CompatibilityTable}}
113    </p>110    </div>
n142              {{ CompatVersionUnknown() }}{{ property_prefix("-wen139              {{CompatVersionUnknown}} {{property_prefix("-webkit
>bkit") }}>")}}
143            </td>
144            <td>140            </td>
141            <td>
145              {{ CompatGeckoDesktop("2.0") }}{{ property_prefix("142              {{CompatGeckoDesktop("2.0")}} {{property_prefix("-m
>-moz") }}<br>>oz")}}<br>
146              {{ CompatGeckoDesktop("16.0") }}143              {{CompatGeckoDesktop("16.0")}}
n152              11.6{{ property_prefix("-o") }}<br>n149              11.6{{property_prefix("-o")}}<br>
153              12.10 <a href="http://my.opera.com/ODIN/blog/2012/0150              12.10 <a href="http://my.opera.com/ODIN/blog/2012/0
>8/03/a-hot-opera-12-50-summer-time-snapshot" title="http://my.ope>8/03/a-hot-opera-12-50-summer-time-snapshot">#</a>
>ra.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapsho 
>t">#</a> 
154            </td>
155            <td>151            </td>
152            <td>
156              {{ CompatVersionUnknown() }}{{ property_prefix("-we153              {{CompatVersionUnknown}} {{property_prefix("-webkit
>bkit") }}>")}}
n193              {{ CompatVersionUnknown() }}{{ property_prefix("-wen190              {{CompatVersionUnknown}} {{property_prefix("-webkit
>bkit") }}>")}}
194            </td>
195            <td>191            </td>
196              {{ CompatVersionUnknown() }}{{ property_prefix("-we
>bkit") }} 
197            </td>192            <td>
193              {{CompatVersionUnknown}} {{property_prefix("-webkit
 >")}}
198            <td>194            </td>
195            <td>
199              {{ CompatGeckoMobile("2.0") }}{{ property_prefix("-196              {{CompatGeckoMobile("2.0")}} {{property_prefix("-mo
>moz") }}<br>>z")}}<br>
200              {{ CompatGeckoMobile("16.0") }}197              {{CompatGeckoMobile("16.0")}}
201            </td>
202            <td>198            </td>
203              {{ CompatUnknown() }}
204            </td>199            <td>
200              {{CompatUnknown}}
205            <td>201            </td>
206              {{ CompatUnknown() }}
207            </td>202            <td>
203              {{CompatUnknown}}
208            <td>204            </td>
205            <td>
209              {{ CompatVersionUnknown() }}{{ property_prefix("-we206              {{CompatVersionUnknown}} {{property_prefix("-webkit
>bkit") }}>")}}
n220        <a href="/en-US/docs/CSS/Using_CSS_transitions" title="enn217        <a href="/en-US/docs/Web/CSS/Using_CSS_transitions">Using
>/CSS/CSS transitions">Using CSS transitions</a>> CSS transitions</a>
n222      <li>{{ domxref("TransitionEvent") }}n219      <li>{{domxref("TransitionEvent")}}
t224      <li>{{ CSS_Reference:transitions() }}t221      <li>{{CSS_Reference:transitions}}

Back to History