Como Fazer Um Botão Piscar

Índice:

Como Fazer Um Botão Piscar
Como Fazer Um Botão Piscar

Vídeo: Como Fazer Um Botão Piscar

Vídeo: Como Fazer Um Botão Piscar
Vídeo: PISCA ALERTA ⚠️ INDEPENDENTE PARA MOTOS ! AO TOQUE DE UM BOTÃO 😎 2024, Maio
Anonim

Um botão piscando é um elemento de design da web que ajuda a tornar uma página brilhante e atraente. No entanto, ao usar este efeito, você precisa pensar na conveniência dos usuários: não abuse dos "chips" ondulantes.

Como fazer um botão piscar
Como fazer um botão piscar

Instruções

Passo 1

Se o botão obrigatório, representado como uma imagem de link e mudando de cor após passar o cursor, crie-o usando a tabela e os atributos onMouseOver e onMouseOut.

Botão

Passo 2

Você pode fazer um botão piscando usando JavaScript. Para que o efeito tenha efeito ao passar o mouse e desaparecer após a remoção do cursor, use o seguinte código: Tab header arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; function mouseOut () {for (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF ";', i * 50); } function mouseOver () {for (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

etapa 3

Se você tiver o Adobe Photoshop em mãos, poderá fazer um efeito de piscar diretamente no editor gráfico. Para fazer isso, crie um novo arquivo, bem como novas camadas, cujo número deve ser igual à soma dos quadros. Depois disso, no painel direito, selecione a primeira camada com um "olho" e abra o item "Animação" do menu "Janela". No painel que aparece, clique no botão de quadro duplicado, mova o "olho" para a próxima camada e assim por diante. Clique com o botão direito em cada quadro e defina o tempo. Visualize o resultado, modifique-o se necessário e salve-o no formato

Recomendado: