diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
commit | 1109132f09d75da9a28b649c7677bb6ce07c40c0 (patch) | |
tree | 0dd8b084480983cf9f9680e8aedb92782a921b13 /files/es/web/css/transition-property/index.html | |
parent | 4b1a9203c547c019fc5398082ae19a3f3d4c3efe (diff) | |
download | translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.gz translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.bz2 translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.zip |
initial commit
Diffstat (limited to 'files/es/web/css/transition-property/index.html')
-rw-r--r-- | files/es/web/css/transition-property/index.html | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/files/es/web/css/transition-property/index.html b/files/es/web/css/transition-property/index.html new file mode 100644 index 0000000000..1138119dca --- /dev/null +++ b/files/es/web/css/transition-property/index.html @@ -0,0 +1,92 @@ +--- +title: transition-property +slug: Web/CSS/transition-property +tags: + - CSS + - Propiedad CSS + - Referencia + - Transiciones CSS +translation_of: Web/CSS/transition-property +--- +<div>{{CSSRef("CSS Transitions")}}</div> + +<p>La propiedad CSS <strong><code>transition-property</code> </strong>se usa para definir los nombres de las propiedades CSS en las que el efecto de la transición debe aplicarse.</p> + +<pre class="brush: css no-line-numbers">/* Keyword values */ +transition-property: none; +transition-property: all; +transition-property: test_05; +transition-property: -specific; +transition-property: sliding-vertically; + +transition-property: test1; +transition-property: test1, animation4; +transition-property: all, height, all; +transition-property: all, -moz-specific, sliding; + +/* Global values */ +transition-property: inherit; +transition-property: initial; +transition-property: unset; +</pre> + +<div class="note"><strong>Nota:</strong> El <a href="/en-US/docs/Web/CSS/CSS_animated_properties">conjunto de propiedades que puede ser animado</a> está sujeto a cambios. Por lo tanto deberías evitar incluir en la lista cualquiera de las propiedades que actualmente no puede animarse, aunque algún día pudieran, ya que podría causar resultados inesperados.</div> + +<p>Si se especifica una propiedad abreviada (por ejemplo , {{cssxref("background")}}) todas sus subpropiedades que soporten animación serán animadas.</p> + +<div>{{cssinfo}}</div> + +<h2 id="Sintaxis">Sintaxis</h2> + +<h3 id="Valores">Valores</h3> + +<dl> + <dt><code>none</code></dt> + <dd>Ninguna propiedad tendrá transición.</dd> + <dt><code>all</code></dt> + <dd>Todas las propiedades que puedan tener una transición animada la tendrán.</dd> + <dt><code>IDENT</code></dt> + <dd>Una cadena que identifique la propiedad en la que el efecto de la transición debe ser aplicado cuando su valor cambie. Este identificador está compuesto por letras de la <code>a</code> a la <code>z</code> insensibles a mayúsculas, números del <code>0</code> al <code>9</code>, un guión bajo (<code>_</code>) o un guión simple (<code>-</code>). El primer carácter que no sea un guión debe ser una letra (es decir: no debe haber números al principio, aunque esten precedidos de un guión). Además, no están permitidos dos guiones al principio del identificador.</dd> +</dl> + +<h3 id="Sintaxis_formal">Sintaxis formal</h3> + +<pre class="syntaxbox">{{csssyntax}}</pre> + +<h2 id="Ejemplos">Ejemplos</h2> + +<p>Hay varios ejemplos de transiciones CSS incluídos en el artículo principal <a href="/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions">Transiciones CSS.</a></p> + +<h2 id="Especificaciones">Especificaciones</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificación</th> + <th scope="col">Estado</th> + <th scope="col">Comentario</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('CSS3 Transitions', '#transition-property', 'transition-property')}}</td> + <td>{{Spec2('CSS3 Transitions')}}</td> + <td>Definición inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2> + +<div> + + +<p>{{Compat("css.properties.transition-property")}}</p> +</div> + +<h2 id="Véase_también">Véase también</h2> + +<ul> + <li><a href="/Web/Guide/CSS/Using_CSS_transitions">Usando transiciones CSS</a></li> + <li>{{domxref("TransitionEvent")}}</li> +</ul> |