animation, effet, jquery, plugin

Le plugin Flip! propose un type d’effet pas commun: une sorte de transformation horizontale (ou verticale) d’un bloc.

Nécessitant la couche jQuery UI, ce plugin permet de lancer des rotations de blocs.

Les divers paramètres permettent de préciser le sens de rotation, la vitesse de celle-ci, il est même possible de faire un fondu vers une certaine couleur.

Un exemple pour faire :

• une rotation de haut en bas,
• remplacer le contenu de notre élément

<div id="flipBox">
    <p>Ici le contenu de défaut de la flipBox.</p>
</div>

<script type="text/javascript">
$(document).ready(function(){
    $("#flipBox").flip({
        direction: 'tb',
        content: "<p>Et hop, on change le contenu !</p>"
    });
});
</script

Vous trouverez la source et la démo sur le site officiel.

Lien :

• Flip!