<dialog>要素
デフォルトでは表示されておらず、
show()
や
showModal()
で表示される
close()
で非表示
もしくは
open
属性を追加しておくことでも表示できる
show()
とかで表示する時にも
open
属性が付与されてる
フルスクリーンで表示するには
max-width: 100vw
と
max-height: 100vh
でいける
表示する時fadeinする
https://codepen.io/zakuni/pen/WNVROMx