Pular para o conteúdo principal

Postagens

Mostrando postagens de abril, 2021

Criar um botão neon com borda animada

Imagem
 Criar um botão neon com borda animada Todos os sites possuem botões na mais diversas forma e estilo, todos os botões do site têm seu objetivo de levar usuário para algum lugar. Os botões são mais que uma simples forma de informar a rota eles tem um papel fundamental no momento de chamar a atenção, podendo ser por sua cor, forma e texto chamativo. Um site de sucesso precisa de ter algum diferencia e nesse tutorial vou mostrar como criar um botão animado do estilo neon.   Criar a estrutura HTML do botão neon. Para cria é muito simples, vamos usar a TAG A para ser o link e a TAG SPAN para fazer animações.   <a class="neon-bt" href="#">       <span></span>       <span></span>       <span></span>       <span></span>       Enviar     </a>   Repare que foi criado um CLASS chamada "neon-bt" para cuidar do estilo e animação.   Criar o estilo do botão neon com CSS O estilo do botão está dividido em duas