s · ms
O segundo e o milissegundo — o tempo oficial das transições e animações.
Um s é o segundo de sempre e um ms, o milésimo dele: as duas moedas do tipo <time>, gastas em durações e atrasos de transition e animation. A fronteira do bom gosto costuma morar entre elas — microinterações em centenas de ms, ciclos longos em s.
Um rigor de balança que as diferencia dos comprimentos: o zero precisa de unidade. margin: 0 passa no fiscal, mas transition-duration: 0 é inválido — escreva 0s. O tempo, na norma, nunca anda sem certificado.
.aviso {
transition: opacity 200ms ease-out;
}
.pulso {
animation: pulso 2s ease-in-out infinite alternate;
}