2月に入って日にちが経ちますが…

最近、気温が上がったり下げたりの繰り返しですが…

寒い中、体調には気を付けていますか？

最近の明るいニュースといえば、WBCですね！

日本代表はベストメンバーが揃う中、世界一奪還できるといいですね！

さてと、話題に入りましょう！

「hover」のアニメーションをこだわろう！

Webページを作成するときに、リンク先のボタンのアニメーションをこだわっていますか？

こっちはbuttonのアニメーションだけ、こだわりながら動きを付けてます。

ただ、テキストリンクの部分にアニメーションを付けると違和感が感じるので、却下してます。

ボタンのリンク先のデザインの時だけ、アニメーションを付けてます。

お世話になったサイトをご参考になりながら、見てる側が飽きないぐらいのアニメーションの演出をこだわってます。

・【コピペでOK】サイトを印象的に！ホバーアニメーションまとめ【デモ・サンプルコード付き】
・【CSS】hoverで作る簡単アニメーションとおすすめプロパティ6選
・CSSによるカードレイアウトのマウスオーバー（ホバー）のアニメーション
・【コピペ可】cssで作る簡単なhoverのアイデア・ボタン編
・マウスオーバーエフェクト
・コピペで使うマウスオーバー時のhover cssエフェクト28選
・【CSS hoverエフェクト】クールなマウスオーバーアニメーションのコピペ集
・CSSでできるクリエイティブなリンクホバーエフェクト6個まとめ

この中から、レイアウトやデザイン的に一番よさそうなものをピックアップしてコーディングしてみてください。

ただ、テキストリンクにアニメーションは控えたほうがよさそうです！

ご参考までにね。

では、また！