Au départ le logo CSS est dessus le logo HTML mais le logo CSS a une opacité de 0 donc on voit l'image de dessous le logo HTML

Sur le :hover du #conteneur sont programmées de deux transitions simultanées. Une sur chaque image.

• Sur le logo HTML on a la combinaison d'une rotation de 360 degrés en simultané avec une diminution d'échelle qui passe de 1 à 0.
• Sur le logo CSS on a la combinaison de la variation de l'opacité qui passe de 0 à 1 et d'une transformation d'échelle sur l'axe des Y qui passe de 0 à 1. Cette dernière transformation donne cette impression de volet qui s'ouvre.