Aujourd’hui nous allons voir comment créer en jQuery et jQuery UI un effet de porte, avec l’image se séparant en 4 par les coins, révélant ainsi un texte.

Avant tout, il faut comprendre comment s’organiseront les différentes couches:

• à la base, on trouve la couche contenant le texte (z-index: 0)
• juste au-dessus, on trouve la couche contenant les morceaux d’image (z-index: 1)
• tout en haut, on trouve la couche servant de masque au tout (z-index: 2)