気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
gihyo.jpエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
第3回 選択項目以外がぼけるメニュー | gihyo.jp
今回のお題は、サンプル1のように項目を並べたメニューだ。マウスポインタをメニュー項目に重ねると、他... 今回のお題は、サンプル1のように項目を並べたメニューだ。マウスポインタをメニュー項目に重ねると、他の項目のテキストがぼける。また、ポインタを重ねたメニュー項目は浮き上がったり、マウスボタンを押すと凹むようにアニメーションする。CodePenに公開された「Blurry Menu」を参考に、HTMLとCSSのコードの構成を改め、簡潔にした。 サンプル1 CSS3: Blurry menu メニューのもとになる静的スタイル まず、<body>要素に書くコードの構成だ。メニューは、つぎのようにclass属性が"menu"の<ul>要素でリストとして組み立てる。メニュー項目をclass属性"item"の<li>要素とし、その中の<a>要素にテキストを加えた。そして、メニューの<ul>要素全体を、class属性"container"の<div>要素で包んでいる。 <div class="contain
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
gihyo.jp
gihyo.jp
gihyo.jp
gihyo.jp
anond.hatelabo.jp
anond.hatelabo.jp
www.maruhan.co.jp
togetter.com
laiso.hatenablog.com
www.itmedia.co.jp
speakerdeck.com/armaniacs
forest.watch.impress.co.jp
forest.watch.impress.co.jp
zenn.dev/mattyamonaca
www.itmedia.co.jp
xtech.nikkei.com
sportiva.shueisha.co.jp
www.cinra.net
toyokeizai.net
2016/02/09 リンク