Transition état initial ?

Hello la communauté,

Je me pose une question simple à priori concernant les transition css :

En gros, lorsque lorsque je fais une transition j'ai toujours pris l'habitude de déclarer un état initial et un état final, par exemple pour une couleur :

.couleur {
color: #ff0000;
transition: color .2s ease,
}
.color:hover {
color: #00ff00;
}

Mais je vois de plus en plus souvent (et je l'ai constaté également) que certaines propriétés n'ont plus besoin d'état initial pour bénéficier d'une transition, par exemple pour les propriétés "transform" : (le scale 1 n'est plus obligatoire ?)

.scale {
transition: transform .2s ease,
}
.scale:hover {
transform: scale(2);
}

Bref, y a t'il une règle spécifique pour les propriétés qui ne nécessitent pas d'état initial lors d'une transition ?

Merci d'avance
Modifié par psykhe (09 Jul 2015 - 11:57)

Salut !

psykhe a écrit :
certaines propriétés n'ont plus besoin d'état initial pour bénéficier d'une transition

C'est pas exactement ça. Si tu ne mets pas de couleur dans l'état initial de ton premier exemple la couleur initiale sera celle par défaut et la transition aura bien lieu. C'est la même chose pour toute les autres propriété, il y a toujours une valeur par défaut pour chacune des propriétés, et ce sera l'état initial si tu ne la spécifie pas explicitement.
Modifié par _laurent (09 Jul 2015 - 13:28)