Result 回転しながらふわっと浮かび上がる、ちょっとモダンなエフェクトのモーダルウィンドウ :target疑似クラスを使って実装されています css.container {/*全体*/ background-color: #9191E9; display: flex; align-items: center; justify-content: center; width: 100vw; height: 100vh; } .button {/*ボタンのスタイル*/ text-decoration: none; font-size: .875rem; font-weight: 300; text-transform: uppercase; display: inline-block; border-radius: 1.5rem; background-color: #fff; color:
![CSSのみでモダンなアニメーションエフェクトで表示されるモーダルウィンドウ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b1c87ada2ad66409793e3653c810e333009609/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F12%2Fsite-icon.png)