Javascriptで作る モーダルウィンドウ - Qiita

<section class="modal" id=""> <div class="top"> <h1>Vue.js Modal Window！</h1> <input type="text"> </div> <div class="under"> <button type="button" class="btn">送信</button> </div> </section> 次にCSSで非表示設定、Javascriptで動きを付けていく ①mask と modalを非表示にする（CSS） 1.display: none; 2.transform: translateY(150px,-500px); ※モーダルは上から落ちてくる感じにしたいので、translateY(-500px);で上に置いとく ※SCSSの場合は、CSSではなく、IDの方にクラスを付けるため、{}の外側に書く const