スマホもPCも含めて全ブラウザで対応したのかな。確かに、画像の拡大とかの定番のモーダル表示くらいならJavaScript使わなくても良さそうなもんだ、という気持ちはあった。

shields-pikes のブックマーク 2022/09/06 15:41

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4724868373653013283/comment/shields-pikes" data-user-id="shields-pikes" data-entry-url="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/modal-css-pseudo-class.html" data-original-href="https://coliss.com/articles/build-websites/operation/css/modal-css-pseudo-class.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fmodal-css-pseudo-class.html" data-user-icon="/users/shields-pikes/profile.png">モーダル要素の実装に便利なCSSの新機能「:modal疑似クラス」、主要ブラウザのすべてにサポートされました</a><br><p style="clear: left">スマホもPCも含めて全ブラウザで対応したのかな。確かに、画像の拡大とかの定番のモーダル表示くらいならJavaScript使わなくても良さそうなもんだ、という気持ちはあった。</p><a class="datetime" href="https://b.hatena.ne.jp/shields-pikes/20220906#bookmark-4724868373653013283"><span class="datetime-body">2022/09/06 15:41</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

モーダル要素の実装に便利なCSSの新機能「:modal疑似クラス」、主要ブラウザのすべてにサポートされました

coliss.com2022/09/06

先日リリースされたChrome 105, Edge 105でコンテナクエリ（@container）と:has()疑似クラスがサポートされ、モダンCSSの新機能がいよいよブラウザで使用できるようなりました。そしてもう一つ、:modal疑似クラ...

130 人がブックマーク・6 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

モーダル要素の実装に便利なCSSの新機能「:modal疑似クラス」、主要ブラウザのすべてにサポートされました

はてなブックマーク

公式Twitter

はてなのサービス