JavaScriptを全く使用していません。CSSだけで、幕（スクリーン）が上から落下します。
赤い「MENU」をマウスオンすると、幕が落ちてきて、マウスアウトで元に戻ります。
最新ブラウザなら面倒な接頭語(ベンダープレフィックス)は不要のCSS使用なので、記述も簡単です。
CSSの transition の時間設定参考サイトは、Webparkから。
CSSの transform 関数で指定できる変形の種類はHTMLクイックリファレンスから。
今回はその中の translateY「上下移動」を使用しています。