Image qui apparait progressivement

Bonjour, j'espère être dans le bon sous-forum veuillez m'excuser si ce n'est pas le cas.
Voilà ma problèmatique, sur ma page d'accueil j'aimerais qu'une image apparaisse de manière progressive du milieu sur toute la largeur puis vers le haut et le bas.Son apparition suivrait le pourtour d'une anim, pour être + clair voici les étapes de mon anim :
-Je démarre d'un point central qui finit par une ligne horizontale (interpolation de forme)
-une ligne horizontale monte une autre descend ces dernières reliés par 2 traits verticaux aux extrémités (interpolation de forme)
Voila mon anim et donc au fur et à mesure que le rectangle augmente je voudrais que l'image apparaisse.Je pensais faire cela avec la fonction masque mais je n'y arrive pas.Quelqu'un aurait-il une idée pour m'aider.
Merci d'avance

en fait, si je comprends bien ce que tu veux dire, la fonction masque devrait te suffire, il suffirait de placer un masque devant ton image et que celui-ci suive ton animation...si tu vois ce que je veux dire.

bonne continuation