Vidéo: Tutoriel CSS : Pli 3D en CSS3 2025
Il est possible d'utiliser jQuery pour effectuer des transformations et ces transformations sont souvent plus puissantes, mais plus faciles à utiliser, que les transformations CSS3 natives. Cependant, pour obtenir cette fonctionnalité, vous devez télécharger un plug-in jQuery - un type spécial de bibliothèque qui étend les fonctionnalités natives de jQuery.
Le meilleur plug-in pour effectuer cette tâche est jquery. transformer. js. Vous pouvez aller sur cette page et voir les transformations démontrées.
La page d'accueil ne contient malheureusement pas de lien pour télécharger le plug-in. Afin d'obtenir une copie de ce plug-in, vous allez à Down Scripts et cliquez sur le lien Cliquez ici pour télécharger. Vous recevez un. Fichier ZIP contenant un certain nombre de fichiers, y compris le jquery. transformer. Fichier js que vous devez copier dans le répertoire de votre application.
Pour accéder à ce plug-in, vous devez ajouter le tag suivant après toutes les autres entrées de jQuery (la position est importante).
L'utilisation de ce plug-in fonctionne comme n'importe quel autre appel de fonction jQuery. Cet exemple s'appuie sur un qui contient un
avec le contenu requis. Dans ce cas, l'exemple fait simplement pivoter le contenu, mais vous avez accès à toutes les transformations CSS habituelles. La partie intéressante est la simplicité du script utilisé pour effectuer la tâche.
$ ("# TransformMe"). css ("transformer", "rotate (45deg)");
Ce script dit simplement d'effectuer une transformation CSS standard de la rotation du TransformMe 45 degrés. En plus des transformations statiques, ce plug-in fournit également des transformations animées à l'aide de la fonction animate () avec une fonction de minutage qui définit la durée de l'animation.
Il est également très facile de combiner des transformations pour créer divers effets spéciaux. Assurez-vous d'essayer les exemples dans le dossier de test du plug-in téléchargé pour voir la gamme complète des effets fournis par ce plug-in.
