Tengo un div con la adición de una clase por condición.

 <div className={`${ showLinks ? "links-container show-container" : "links-container" }`} >

y algunos estilos

 .links-container { height: 0; overflow: hidden; transition: all 0.3s linear; } .show-container { height: 10rem; }

Entonces, cuando el componente se renderiza/renderiza, se activa una animación de extensión div suave gracias a mi estilo de transición. ¿Cómo funciona? ¿Es esto css o reglas de reacción?