Les transitions CSS permettent de passer entre les états d'un objet d'une manière progressive. Par exemple, pour passer d'un état initial à un état survolé d'un hyperlien, le stye de ce dernier change en douceur, ce qui donne lieu à une animation simple à mettre en place. Un exemple de menu accordéon fait avec des transitions se trouve à la fin de la vidéo.