No tengo ni la menor idea de como llamarle o como se llama el efecto pero espero se entienda y les gusten tanto como a mi
Lo primero es hacer un botón normal... un fondo y un texto en el.
![]() |
Configuraciones de mi Texto |
Creamos una línea de tiempo, en la primera capa de la línea el relleno se queda tal y como en el paso anterior. Creamos una segunda capa y movemos el relleno hasta la última.
Intercalar

Hasta este paso ya tenemos un resultado, el tiempo lo puedes cambiar... en el botón de abajo lo cambie a 0.2 segundos para que no sea tan rápido como en el segundo resultado
Guardamos para Web (Alt + Mayús + Ctrl + S) y .gif
Ahora haremos que regrese o rebote el color de un lado a otro.
Nos vamos al primer cuadro de animación y en la parte derecha de la línea encontramos un menú

Seleccionamos las últimas 2 capas en la línea de animación y le damos intercalar nuevamente con 8 cuadros para añadir igual.. OK
Por último guardamos para Web (Alt + Mayús + Ctrl + S) y como .gif
Espero que no haya sido tan mala en la explicación de este tutorial, por supuesto le entiendan y que ya puedan hacer este simple pero lindo efecto.. Creo que se entendería mejor en Vídeo y si estoy en conseguir un Micrófono para que sea más fáciles de entender ya que creo que los tutoriales mudos son igual que uno en texto!
Yo la verdad no sé mucho sobre diseño web pero esto realmente es muy útil, gracias por compartirlo, y no había podido visitar tu blog, pero también muchas gracias por tus regalos ¡Saludos!
ResponderBorrar