Ya sabemos que transition no tiene "animación" porque no tiene intervalo de acción -- esto condiciona a que todas la propiedades existen despues de que el elemento aparesca -- si le ponemos transition: color 3s; no surgira la animación porque en el display none aun no exite el color, luego , en el display block ya existe y no se da la niamción por que no logra tener un intervalo donde cambia su valor, sino que no existe y luego exite (sinintervalo)
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter