Как нужно прятать элементы, чтобы их появление можно было анимировать?

Question

[vasIvas]

Если сделать display: none то появление элемента нельзя будет анимировать.
Как в таких случаях наиболее правильно скрывать элементы?

Answer 1

[lacrim]

Например так

Прячем
display: hidden
показываем
display: block

Можно ещё так же с абсолютным позиционированием сделать:

Прячем
position: absolute
margin-left: - 99999
показываем
position: realative
margin-left: 0px

Comments

[lacrim]

Пардон ошибочка в первом варианте: visibility: visible или hidden

[Сергей Горячев]

display: none + display: block
Поправлю тоже.

Answer 2

[L0k1]

opacity, ov:h + height: 0
смотря как вы хотите анимировать