Estoy intentando aplicar una transición de background-color, en el div #cajafolio
Y no se aplica como transición, probé con otros atributos (height y width) y si funciona, pero con background color no.
Aquí CSS y pagina web:
Código:
#cajafolio{
width:70%;
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
height:300px;
margin-left:150px;
background: -webkit-linear-gradient(white 45%, #911CD1 );
-webkit-transition:all 1s ease-out; /* Chrome y Safari */
-o-transition:all 1s ease-out; /* Opera */
-moz-transition:all 1s ease-out; /* Mozilla Firefox */
-ms-transition:all 1s ease-out; /* Internet Explorer */
transition:all 1s ease-out; /* W3C */
}
#cajafolio:hover{
background: -webkit-linear-gradient(white 65%, #911CD1 );
}