Comment effectuer des transformations de jQuery pour sites CSS3

Il est possible d'utiliser jQuery pour effectuer des transformations et ces transformations sont souvent plus puissant, mais plus facile à utiliser, que les transformations CSS3 indigènes. Cependant, afin d'obtenir cette fonctionnalité, vous devez télécharger un jQuery plug-in - un type spécial de bibliothèque qui étend la fonctionnalité native jQuery.

Le meilleur plug-in pour effectuer la tâche est jquery.transform.js. Vous pouvez aller à cette page et de voir les transformations démontré.

La page d'accueil ne contient pas un lien pour télécharger le plug-in, malheureusement. Pour obtenir une copie de ce plug-in, vous allez à Scripts bas et cliquez sur la Cliquez ici pour télécharger le lien. Vous recevez un fichier .zip contenant un certain nombre de fichiers, y compris le fichier jquery.transform.js que vous devez copier dans votre répertoire de l'application.




Pour accéder à ce plug-in, vous ajoutez le texte suivant

L'utilisation de ce plug-in fonctionne un peu comme tout autre appel de fonction jQuery. Cet exemple repose sur une

qui contient un

avec le contenu requis. Dans ce cas, l'exemple tourne simplement le contenu, mais vous avez accès à toutes les transformations CSS habituels. La partie intéressante est la simplicité du script utilisé pour effectuer la tâche.

Ce script dit simplement à effectuer une transformation de CSS niveau de la rotation de la TransformMe

45 degrés. En plus de transformations statiques, ce plug-in propose également transformations animés en utilisant la fonction animé () avec une fonction de synchronisation qui définit combien de temps pour effectuer l'animation.

Il est également très facile de combiner des transformations pour créer divers effets spéciaux. Assurez-vous que vous essayez les exemples dans le dossier de test du plug-in téléchargé pour voir la gamme complète des effets que ce plug-in offre.


» » » » Comment effectuer des transformations de jQuery pour sites CSS3