Definición de .transition-property en CSS
La propiedad .transition-property, que normalmente se usa como parte de la taquigrafía de transición, se utiliza para definir a qué propiedad o propiedades, desea aplicar un efecto de transición.
Caso de empleo : propiedad CSS transition-property
Esta propiedad de CSS habitualmente se utiliza de esta forma:
.example {
transition-property: color;
}Sintaxis de .transition-property en CSS
transition-property: none|all|property|initial|inherit;Valores
| Valor | Descripción |
|---|---|
| ninguna | Ninguna propiedad obtendrá un efecto de transición |
| todos | Valor por defecto. Todas las propiedades tendrán un efecto de transición. |
| propiedad | Define una lista separada por comas de nombres de propiedades CSS para el efecto de transición |
| inicial | Establece esta propiedad en su valor predeterminado. |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .transition-property
Los números de la tabla detallan la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| transition-timing-function | 26.0 4.0 -webkit- | 10.0 | 16.0 4.0 -moz- | 6.1 3.1 -webkit- | 12.1 10.5 -o- |
