STYLUS (CSS):
Código HTML:
background-image linear-gradient(rgba(white,.1),rgba(black,.1)) transition all 1s ease &:hover,&:focus background-image linear-gradient(rgba(black,.1),rgba(white,.1))
02/04/2017, 09:47
| |||
| |||
 background-image:linear-gradient(); y transition:all 1s; Me pasa algo curioso con "transition", si lo combino con "background-color" funciona, pero si lo combino con "background-image" no hace nada, uso Firefox, así que calculo que podría ser normal en otros navegadores... ¿cual es vuestra experiencia? gracias STYLUS (CSS): Código HTML: background-image linear-gradient(rgba(white,.1),rgba(black,.1)) transition all 1s ease &:hover,&:focus background-image linear-gradient(rgba(black,.1),rgba(white,.1)) |
|
03/04/2017, 09:52
| |||
| |||
| Respuesta: background-image:linear-gradient(); y transition:all 1s; No está admitido aplicar transition a esa propiedad http://www.w3.org/TR/css3-transitions/#animatable-css |
|
07/04/2017, 18:15
| ||||
| ||||
| Respuesta: background-image:linear-gradient(); y transition:all 1s; Para hacer transiciones entre imágenes se puede hacer trampa. Pones un elemento encima de otro, y lo que animas es la propiedad opacity, entonces revelas la imágen del objeto que esté debajo. |
| Etiquetas: |
