気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
マウスオーバーで動き出す「からくりボタン」の作り方
10 users
atmarkit.itmedia.co.jp
atmarkit.itmedia.co.jp
atmarkit.itmedia.co.jp
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
マウスオーバーにより、「Secret...」と書かれたシャッターが上下に開きます。少し間があって、暗闇の中... マウスオーバーにより、「Secret...」と書かれたシャッターが上下に開きます。少し間があって、暗闇の中から何かを企むような目をしたイラストと「Watch It!」という文字が現れ、続いてオレンジ色の矢印が左右に繰り返しバウンドします。マウスをボタンから外すと、シャッターが閉じ、元の姿に戻ります。 このアニメーションは基本的に4つの部品から構成されており、マウスオーバーという1つのアクションにより、それぞれが決められたタイミングで順に動き出すように指定されています。
atmarkit.itmedia.co.jp
atmarkit.itmedia.co.jp
atmarkit.itmedia.co.jp
atmarkit.itmedia.co.jp
univ-journal.jp
tamuramble.theletter.jp
note.com/kyoro353
www.gigafree.org
anond.hatelabo.jp
www3.nhk.or.jp
zenn.dev/aimasaou
www.publickey1.jp
seibei414.hatenadiary.jp
atmarkit.itmedia.co.jp
www.getginger.jp
youtu.be
2013/12/15 リンク