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 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/ 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 JavaScript, HTML5 e CSS3 puro. Ficou curioso? Então, dá um play e segura as dicas do vídeo.
De 0 a 10, o quanto você recomendaria este artigo para um amigo?