Transition animations : a practical guide | by Dongkyu Lee | Oct, 2023

#Transition #animations: a practical guide | by Dongkyu Lee | Oct, 2023 | #UX Collective
▻https://uxdesign.cc/transition-animations-a-practical-guide-5dba4d42f659

https://miro.medium.com/v2/resize:fit:1100/1*4e0H-Ej4oixTlBtJaZqUBw.gif https://miro.medium.com/v2/resize:fit:640/1*SzelHcIP8R-w3eku3P04Bg.gif

6 principles for better transition animations

– Fade in and out with opacity
– Scale to add liveliness
– Maintain consistent directionality
– Balance speed
– Prioritize, order, and group
– Establish spatiality

According to some articles, a speed from 100ms to 500ms is ideal and suitable for most cases.

#css