Material Design Ripple Button • HTML5/CSS3

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 / cliques. 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. Ficou curioso? Então, dá um play e segura as dicas do vídeo.

// INSCREVA-SE NO CANAL
   / devleona.  .

// REDES SOCIAIS
1. Twitter:   / ferreirastudios  
2. Facebook:   / ferreirastudios  
3. Google+:
https://plus.google.com/u/0/b/1091027...

// SITES
Materialize - http://materializecss.com/
Material Design Lite (MDL) - http://www.getmdl.io/
MaterialUp - https://www.materialup.com/
(Site com animações e conceitos que usam as regras visuais e de comportamento do Material Design do Google.)

// SCRIPT - DISPONÍVEL NO GitHUB
https://github.com/ferreirastudios/Ef...