Что бы наглядно взглянуть на эту анимацию найдите в настройках разработчика пункт "анимация окон" и выставите на максимальное значение (10) , после зайдите в приложение Google и нажмите на поле с надписью "скажите Ok Google".
Вы увидите анимацию перемены цвета которая мне нужна .
@media (min-width: 1300px) {
/* Подсчитайте, когда там можно будет сдвигать вместо 1300 px, я их от балды сказал. И сдвигайте */
}
Но это тоже не основной метод адаптивности. Плюс, в CSS нет точного метод определения ориентации. Portrait и landscape лишь соотношение ширины к высоте. Когда высота больше ширины — portrait, наоборот — landscape, т. е. без учёта поворот по гироскопу и т. п.
Из-за чего в ряде случаев в реальной портретной ориентации могут срабатывать стили альбомной ориентации.