Webページ上で表示する要素のテキストやボタンやグラフなど、適度にアニメーションなどの動きを加えるこ... Webページ上で表示する要素のテキストやボタンやグラフなど、適度にアニメーションなどの動きを加えることで、目立たせることだけでなく操作感を良くしたり、効果的な視覚効果を演出したりすることができます。 そんなWebサイト制作におけるさまざまな動きのアイデアを集めたサイト「Web Motion Catalog」がとても魅力的だったので備忘録として紹介してみます。 Web Motion Catalog Web Motion Catalog このサイトでは円グラフの演出や立体的なカードUI、お気に入りボタンのインタラクションに加えて、ボタンやテキストのマウスホバー演出など、さまざまな動きのアイデアが紹介されています。 各アイデアをクリックすると、詳細が表示され、実装のポイントに加えて、HTMLやCSSやJavaScriptのコード例をコピペして簡単に利用することも可能になっています。 動きのアイデ
記事へのコメント0件
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています