Cómo Hacer Que Un Botón Parpadee

Tabla de contenido:

Cómo Hacer Que Un Botón Parpadee
Cómo Hacer Que Un Botón Parpadee

Video: Cómo Hacer Que Un Botón Parpadee

Video: Cómo Hacer Que Un Botón Parpadee
Video: Parpadeo LED con pulsador 2024, Noviembre
Anonim

Un botón parpadeante es un elemento de diseño web que ayuda a que una página sea brillante y atractiva. Sin embargo, al usar este efecto, debe pensar en la conveniencia de los usuarios: no abuse de los "chips" ondulantes.

Cómo hacer que un botón parpadee
Cómo hacer que un botón parpadee

Instrucciones

Paso 1

Si el botón requerido, representado como una imagen de enlace y cambia de color después de pasar el cursor, créelo usando la tabla y los atributos onMouseOver y onMouseOut.

Botón

Paso 2

Puede hacer que un botón parpadee usando JavaScript. Para que el efecto tenga efecto al pasar el mouse y desaparezca después de quitar el cursor, use el siguiente código: Título de la pestaña 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); }

Paso 3

Si tiene Adobe Photoshop a mano, puede hacer un efecto de parpadeo directamente en el editor de gráficos. Para hacer esto, cree un nuevo archivo, así como nuevas capas, cuyo número debe ser igual a la suma de fotogramas. Después de eso, en el panel derecho, seleccione la primera capa con un "ojo" y abra el elemento "Animación" del menú "Ventana". En el panel que aparece, haga clic en el botón de fotograma duplicado, mueva el "ojo" a la siguiente capa, y así sucesivamente. Haga clic derecho en cada fotograma y configure el tiempo. Obtenga una vista previa del resultado, modifíquelo si es necesario y guárdelo en formato

Recomendado: