When i add scale and translate then the transition happens quickly but if i remove them then they transition in 500ms..

Question

div{
margin:50px;
height:100px;
width:150px;
}
.on{
background:green;
transition:scale 500ms ease-in,translate 500ms ease-in;//here
}
.one{
background:green;
transition:500ms;
}
.on:hover{
transform:scale(0.4,0.4) translate(200px);
}
.one:hover{
transform:scale(1.4,1.4);
}

Answer 1

Transition accepts as parameter a property like transform and not a function like scale