#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