* {
transition: all 300ms;
}Обычно из благих побуждений — это максимально простой способ «обогатить» интерфейс. Ну и заодно почувствовать себя знатоком CSS.
Ситуация усугубляется длинными таймингами. Ведь иначе какой смысл, если никто не заметит?
А 300 миллисекунд — это очень много (я не придумал это число, оно из реального кода). Переизбыток медленных анимаций превращает интерфейс в вязкое желе. Как будто варенье ложкой перемешиваешь, а оно сопротивляется.
А ещё бывают интересные эффекты от встречных анимаций.
На иллюстрации цвет текста анимируется от темного к светлому, а фон под ним — наоборот, от светлого к темному.
Где-то посередине они встречаются, и это выглядит как кратковременная, но очень противная грязь.
#горе_от_ума