Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Movimiento impulsado por la acción

14/20
Recursos

Aportes 10

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Por lo que entiendo, se trata de darle un toque más natural a la animación 🤔, es decir, en lugar de que sea una animación completamente linear podemos jugar con ellas para que tenga diferentes velocidades tanto de subida como de bajada, incluso podemos lograr que un objeto se comporte de forma más natural, por ejemplo, el efecto de un rebote 😄

“Nunca es demasiado tarde para ser la persona que podrías haber sido”
George Eliot"

🍿Movimiento impulsado por la acción

❤Que es?

La pseudo-clase :hover de CSS coincide cuando el usuario interactúa con un elemento con un dispositivo señalador, pero no necesariamente lo activa. Generalmente se activa cuando el usuario se desplaza sobre un elemento con el cursor (puntero del mouse).

🧡Lecturas Recomendadas

Documentación :hover

Es un pequeño detalle, sin embargo de calidad en los pequeños detalles están hechos los GRANDES PROYECTOS!! 😄

El círculo debe tener un fondo, una base para que al hacer :hover no tome al elemento, sino que tome ha esta base para que pueda realizar su movimiento sin problema.

Yo realize un boton que simula el cambio del tema de Dia a Dark Mode, aunle falta agregarle los iconos respectivos pero alli va, les dejo el CodePen CODIGO

🦄Movimiento impulsado por acción
Se trata de darle un movimiento “natural” a nuestros elementos animados. ¿Cómo lo conseguimos? Debemos evitar darle un timing function lineal y probar con otros tipos de movimiento.
.
Un ejemplo puede ser que un objeto tarde más en regresar a su estado inicial que en cambiar de estado al principio.

Si me equivoco, cualquier feedback es bienvenido :3

Siempre algo nuevo que aprender, con esto puedo hacer que mi portafolio se vea mas interesante.

Esta es la base de tipo de animaciones que buscaba realizar desde hace tiempo. Me encanta ❤️

TIps UX : "movimiento impulsado por la accion"
Es el movimiento de ida y vuelta desde un punto a otro en diferentes o no velocidades.