Como executar jQuery Transformações para Sites CSS3

É possível usar jQuery para realizar transformações e estas transformações são muitas vezes mais poderoso, contudo fácil de usar, do que as transformações CSS3 nativas. No entanto, a fim de obter essa funcionalidade, você deve baixar um plug-in jQuery - um tipo especial de biblioteca que estende a funcionalidade nativa jQuery.

A melhor plug-in para executar a tarefa é jquery.transform.js. Você pode ir a esta página e veja as transformações demonstradas.

A página host não contém um link para o download do plug-in, infelizmente. A fim de obter uma cópia deste plug-in, você vai para abaixo Scripts e clique no clique aqui para baixar link. Você recebe um arquivo ZIP que contém um número de arquivos, incluindo o arquivo jquery.transform.js que deve ser copiado para seu diretório de aplicação.

Para ter acesso a este plug-in, você adicionar o seguinte

Usando este plug-in funciona muito como qualquer outra chamada de função jQuery. Este exemplo baseia-se numa

que contém um

com o conteúdo necessário. Neste caso, o exemplo simplesmente gira o conteúdo, mas você tem acesso a todas as transformações CSS habituais. A parte interessante é a simplicidade do script usado para executar a tarefa.

Este script simplesmente diz para executar uma transformação CSS padrão de rotação do TransformMe

45 graus. Além de transformações estáticas, este plug-in também fornece transformações animados usando a função de animar () com uma função de temporização que define quanto tempo para executar a animação.

Também é bastante fácil de combinar transformações para criar vários efeitos especiais. Não deixe de experimentar os exemplos na pasta de teste do plug-in baixado para ver toda a gama de efeitos que este plug-in oferece.

Semelhante

menu