Cómo realizar transformaciones jquery para sitios css3

Es posible utilizar jQuery para realizar transformaciones y estas transformaciones son a menudo más potente, pero fácil de usar, que las transformaciones CSS3 nativos. Sin embargo, a fin de obtener esta funcionalidad, debe descargar un jQuery plug-in - un tipo especial de biblioteca que amplía la funcionalidad nativa jQuery.

El mejor complemento para realizar la tarea es jquery.transform.js. Usted puede ir a esta página y ver las transformaciones demostradas.

La página de host no contiene un enlace para descargar el plug-in, por desgracia. Con el fin de obtener una copia de este plug-in, usted va a Scripts abajo y haga clic en el Click Aquí para Descargar enlace. Recibe un archivo .ZIP que contiene una serie de archivos, incluido el archivo jquery.transform.js que debe copiar en el directorio de la aplicación.

Para acceder a este plug-in, se añade el siguiente

El uso de este plug-in funciona como cualquier otra función de llamada jQuery. Este ejemplo se basa en una

que contiene una

con el contenido requerido. En este caso, el ejemplo simplemente gira el contenido, pero usted tiene acceso a todas las transformaciones habituales CSS. La parte interesante es la sencillez de la escritura usada para realizar la tarea.

Este script dice simplemente para realizar una transformación CSS estándar de la rotación de la TransformMe

45 grados. Además de las transformaciones estáticas, este plug-in también proporciona transformaciones animados con la función animate () con una función de tiempo que define el tiempo para realizar la animación.

También es muy fácil de combinar transformaciones para crear diversos efectos especiales. Asegúrate de probar los ejemplos en la carpeta de prueba del plug-in descargado para ver toda la gama de efectos que este plug-in ofrece.