Tem diferença deixar o atributo transition antes ou depois do evento :hover?
Por exemplo, antes, esse atributo estava aqui:
.enviar {
width: 40%;
padding: 15px 0;
background-color: darkorange;
color: white;
font-weight: bold;
font-size: 18px;
border: none;
border-radius: 5px;
transition: 1s all; /*antes aqui*/
cursor: pointer;
}Depois, eu movi ele para cá:
.enviar:hover {
background: orange;
transition: 1s all; /*agora aqui*/
transform: scale(1.1);
}Continuou funcionando normalmente, gostaria de saber se tem alguma diferença (semântica, não sei) entre deixar o transition no .enviar ou .enviar:hover. Para mim, faz mais sentido deixar no :hover, porque a transição ocorre justamente quando o mouse passa por cima do elemento.
