Transition après le chargement de la page

Salut a tous,
Je dois créer une fenêtre modale, mais n'utilisant pas le JavaScript, j'ai choisi CSS
Ma fenêtre est prête mais j'aimerais modifier un peu en faisant un "fade-in" après le chargement de la page.

J'arrive a le faire au survol de ma fenêtre :

[]#modale
{
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-delay: 50ms;
	opacity: 1;
}

Mais je ne sais pas comment le faire au chargement de la page sans aucune interaction
Auriez-vous une idée ?
Merci

salut,
passer par les keyframes. Un petit tour sur Google pour voir ce que ça donne.