<div class="box" id="message2">
Есть див

</div>

css:
#message2{
position: absolute;
right: 0;
bottom: -20%;
-webkit-animationpen 2s;

}

@-webkit-keyframes open {
to {
bottom:30%;
}
}

В общем, как сделать, чтобы после окончания анимации, он оставался на конечном месте, а не полз в первоначальное