エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
第17回 JavaScript 「三」、「✕」みたいなメニューアイコン作成(CSSです) - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
第17回 JavaScript 「三」、「✕」みたいなメニューアイコン作成(CSSです) - Qiita
はじめに Webサイトによくでてくるアイコンがあります。 漢字の「三」みたいなものとか、クローズする「... はじめに Webサイトによくでてくるアイコンがあります。 漢字の「三」みたいなものとか、クローズする「x」みたいなものです。 こういったアイコンはjpgなどの普通の画像ではなく、SVGで作られたものかなと思いました。 が、今回はこれをspan要素で作っていきたいと思います。 SVGはよく知らないので、そのうち調べてみようと思います。 今回実施する内容 今回は、Webでよく出てくる漢字の「三」みたいなメニューのアイコンや、閉じるときに表示される「✕」みたいなアイコンを、span要素を使用して作成したいと思います。 ソースコード(Git Hub) 環境 OS: Windows 11 JP (64bit) Microsoft Edge:バージョン 123.0.2420.65 (公式ビルド) (64 ビット) 参考 用語 「三」、「✕」みたいなメニューアイコンを作る ソースは以下の通り。 icon