JavaScriptでライブラリを使わずにカメラのフラッシュのようなアニメーションをする

JavaScript, html, cssでカメラのフラッシュのようなアニメーションをしたいと思っています。
buttonを押したときに画面全体を一瞬だけ白く光らせるにはどうすればいいのでしょうか?
jQueryなどを使えばできるようですが、学習のため、ライブラリを使わずに実現したいと考えています。


<!DOCTYPE html>
<html lang="ja">
    <head>
        <title&gtCamera flash</title>
        <meta charset="utf-8">
    &lt/head>
    <body>
        <div id="cameraflash">
            <button>Camera flash</button>
            <p>Camera flash</p>
        </div>
    </body>
</html>