Como realizar transformações jquery para sites de css3
Video: CSS3 Flip 3D Animation For Boxes and Cards HTML5 Tutorial
Conteúdo
É possível usar jQuery para executar 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.
Video: Animated Login Form Design using HTML 5, CSS 3 & jQuery
A melhor plug-in para executar a tarefa é jquery.transform.js. Você pode ir a esta página e veja as transformações demonstrados.
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 você deve copiar em 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 se baseia em um
Video: TEXT FIELD FORM - MATERIAL DESIGN (CSS3/HTML5/JS/JQUERY)
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 girar o TransformMe
Video: Easy jQuery & CSS3 PreLoader! | Tutorial
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.