por Maurici Abad
linear
ease-out
ease-in-out
ease-in
@keyframes mymove {
0% {transform: translate(0px, 0px); background: red;}
25% {transform: translate(0px, 100px); background: blue;}
50% {transform: translate(100px, 100px); background: yellow;}
75% {transform: translate(100px, 0px); background: green;}
100% {transform: translate(0px, 0px); background: red;}
}
https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9
https://material.io/design/motion/speed.html
https://uxdesign.cc/micro-interactions-a-superpower-of-successful-design-ef7706154934
https://medium.com/@vasia1048/8-key-ux-principles-for-creating-great-web-applications-56451fe831b7