Анимация элемента при отклике media queries. Возможно?

Question

[enurich]

Всем привет.

Есть абсолютный элемент, например вот:

#logo{
	position: absolute;
	z-index: 1;
	display: block;
	width: 53px;
	height: 30px;
	background: url('/static/img/logo.png') no-repeat;
	opacity: 0.8;
	top: 15px;
	left: 20px;
}

А при адаптации, в media-queries, он перемещается на центр контейнера:

#logo{left:0;right:0;margin-left:auto;margin-right:auto;}

Все работает отлично. Но вопрос. Можно ли это перемещение сделать анимированным (элемент скользит слева направо) средствами только CSS (без jquery)? Ну человек держит таблетку горизонтально, и лого слева, перевернул в портрет -- элемент красиво соскользнул. Надеюсь доступно объяснил.
p.s. пардон, если уже обсуждалось, найти ничего не удалось.
Заранее спасибо.

Answer 1

[iBird Rose]

поставь transition: all .2s ease-out; только не в медиа. а в первом случае

Comments

[enurich]

Ну так я пробовал, не совсем тот эффект получается. Элемент сначала мгновенно перемещается на центр, а потом тихо "съезжает" с еле заметной анимацией =) По ходу так и придется оставить. Спасибо за ответ.