エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
:target疑似クラスを使って、JavaScriptで実装していた技術をCSSで実装しよう! | Qrious Blog
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
:target疑似クラスを使って、JavaScriptで実装していた技術をCSSで実装しよう! | Qrious Blog
ブラウザのサポート状況の変化に伴い、JavaScriptで実装していた技術もCSSだけで実装することができるよ... ブラウザのサポート状況の変化に伴い、JavaScriptで実装していた技術もCSSだけで実装することができるようになりました。 JavaScriptで実装していた技術をCSSで実装しようとするときによく使うのが、「:checked」「:target」などのCSS3のセレクタとCSS transitionsの組み合わせです。 今回は「:target疑似クラス」を中心に、JavaScriptで実装していた技術をCSSだけで実装するテクニックをいくつかピクアップしてみました。 :target疑似クラスとは? :target疑似クラスは、アンカーリンクのリンク先の要素に対してスタイルを適応することができる擬似クラスです。 :target疑似クラスを利用したモーダルウィンドウ See the Pen Modal – Pure CSS (no JavaScript) – 2013 by Felipe

