MENU

2020-07-11から1日間の記事一覧

モーダルを自作してみる

モーダルを自作しみる 内容は、クラスの付け替えで実装しました。 display: none;とblockを活用 キャプチャー ボタンを設置 ボタンをクリックする Xをクリックするとモーダルが消える ソース <button id="target">クリック</button> <div id="box"> <div id="close">X</div> <form action=""> <label for=""> 名前: <input type="text"> </label> <br> <label for=""> Email: <input type="text"> </label> </form></div>

要素をフルフルする

要素をフルフルする フルフルさせる要素を設置 # フルフルさせる要素 <div id="target">hello</div> css id targetで、箱みたいな要素を作成する shakeクラスではアニメーションをプロパティで動かせる animationの引数では、shakeの変数を見に行っていて、@keyframesで定義している…