ANIMATED EFFECTS USING CSS3 - Practical CSS3: Develop and Design - page 210

To m a ke t h e w h To l e fo r m s l i d e i in a in d s l i d e To u t , t w To a in i m at i To in s h ave b e e in s e t u p :
@keyframes form-out {
m {
: ;
}
o {
: ;
}
}
.form-out {
animation: form-out 1s forwards;
}
@keyframes form-in {
m {
: ;
}
o {
: ;
}
}
.form-in {
animation: form-in 1s forwards;
}