From 1109132f09d75da9a28b649c7677bb6ce07c40c0 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:45 -0500 Subject: initial commit --- files/es/web/css/transition-property/index.html | 92 +++++++++++++++++++++++++ 1 file changed, 92 insertions(+) create mode 100644 files/es/web/css/transition-property/index.html (limited to 'files/es/web/css/transition-property/index.html') 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 +--- +
{{CSSRef("CSS Transitions")}}
+ +

La propiedad CSS transition-property se usa para definir los nombres de las propiedades CSS en las que el efecto de la transición debe aplicarse.

+ +
/* 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;
+
+ +
Nota: El conjunto de propiedades que puede ser animado 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.
+ +

Si se especifica una propiedad abreviada (por ejemplo , {{cssxref("background")}}) todas sus subpropiedades que soporten animación serán animadas.

+ +
{{cssinfo}}
+ +

Sintaxis

+ +

Valores

+ +
+
none
+
Ninguna propiedad tendrá transición.
+
all
+
Todas las propiedades que puedan tener una transición animada la tendrán.
+
IDENT
+
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 a a la z insensibles a mayúsculas, números del 0 al 9, un guión bajo (_) o un guión simple (-). 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.
+
+ +

Sintaxis formal

+ +
{{csssyntax}}
+ +

Ejemplos

+ +

Hay varios ejemplos de transiciones CSS incluídos en el artículo principal Transiciones CSS.

+ +

Especificaciones

+ + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('CSS3 Transitions', '#transition-property', 'transition-property')}}{{Spec2('CSS3 Transitions')}}Definición inicial
+ +

Compatibilidad con navegadores

+ +
+ + +

{{Compat("css.properties.transition-property")}}

+
+ +

Véase también

+ + -- cgit v1.2.3-54-g00ecf