Videoaula: Ripple Button sem plugin [vídeo]

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

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.

Você sabia que o TecMundo está no Facebook, Instagram, Telegram, TikTok, Twitter e no Whatsapp? Siga-nos por lá.