La forma de realizar transformaciones para jquery css3 sitios

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, con el fin de obtener esta funcionalidad, debe descargar una jQuery plug-in - un tipo especial de biblioteca que amplía la funcionalidad de jQuery nativa.

Video: Como Hacer un Slider Responsive para tu sitio web ( html,css y js )

La mejor plug-in 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, que vaya a abajo Scripts y haga clic en el Haga clic aquí para descargar enlace. Recibe un archivo ZIP que contiene una serie de archivos, incluido el archivo jquery.transform.js que se debe copiar en su directorio de la aplicación.

Video: CREA SLIDESHOWS PERSONALIZABLES PARA TU SITIO WEB CON SLICK| HTML5, CSS3, Jquery | CodingPlace

Para acceder a este plug-in, se agrega lo siguiente

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

que contiene una

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

Este script simplemente dice para llevar a cabo una transformación CSS nivel de rotación de la TransformMe

45 grados. Además de las transformaciones estáticas, este plug-in también proporciona transformaciones de animación usando la función animado () con una función de temporización que define el tiempo para llevar a cabo 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 la gama completa de los efectos que este plug-in ofrece.

Artículos Relacionados