Анимация

[Vlad]

http://jsfiddle.net/htmlbook/jo4537xb/

Сделал вот такой код. Мне надо, чтобы жёлтый блок вначале не появлялся, а потом плавно выезжал и оставался на месте. Сейчас же он виден сразу, потом уже включается анимация. Подскажите, как спрятать блок в самом начале, до анимации?

[satantx]

http://jsfiddle.net/jo4537xb/1/

 .warn {	background: #fc0;	padding: 10px;	top: -100px;	position: absolute;	left: 0; right: 0;  }

top: -100px;

Edited February 1, 2015 by satantx

[Vlad]

Спасибо за ответ, но в этом случае блок не остаётся после выплывания на месте, а быстро исчезает. Хотелось чтобы выплыл и остался.

[lexxcode]

так? http://jsfiddle.net/jo4537xb/2/

[Vlad]

Да, спасибо, то что нужно.