Videoaula: Ripple Button sem plugin [vídeo]

1 min de leitura
Imagem de: Videoaula: Ripple Button sem plugin [vídeo]
Avatar do autor

Depois do lançamento do Material Design para Android, milhares de desenvolvedores buscaram alternativas para simular os efeitos do SO também na web. Essa narrativa se tornou ainda mais eminente com o lançamento do framework Material Design Lite, que levou a entusiastas e muitos desenvolvedores a ficaram curiosos sobre a construção de alguns efeitos.

Um desses efeitos é conhecido como efeito ripple, onde um clique - gota de tinta como elemento se move para fora radialmente a partir da posição onde o usuário toca ou clica. Este efeito também foi integrado na coleção elementos de papel no projeto Polymer do Google.

Nesta aula, vamos aprender justamente a simular o efeito ripple sem usar frameworks, jquery ou qualquer tipo de plugin. Ou seja, vamos usar apenas JS, HTML5 e CSS3 puro. Para mais vídeos como esse, se inscreva no canal Ferreira Studios, no YouTube.

Cupons de desconto TecMundo:

Comentários

Conteúdo disponível somente online
Videoaula: Ripple Button sem plugin [vídeo]