さて、せっかくの css3 なのでなんかしてみたいー。


リンクボタンに、ホバーエフェクトを付けてみよう！


スマホスマホ といいながら。
このホバーエフェクトだけは未だにタッチデバイスに対応できていないです。

もちろん、いろいろ方法はある。


でも、

スマホやタブレットでサイトを見る時に、そこまで求めているのか？

って考えてみました。


どうですか？


私は、実のところエフェクトを気にしたことがないです。

このためにソースを書きたすのもなぁ・・・。
単になまけたいだけなんだけど！




なので、エフェクトは PC で訪れてくださる方むけの、
アイキャッチだと割り切ってます。

それよりも、押しやすい面積があるのかが重要かも。

なるほど。

hight よりも 十分な width が必要なのか。


マウスポインターではピンポイントで認識しますよね。
でも指の腹だと、タップしているつもりの位置がずれて認識されているかもしれません。




その部分も考慮した width があるとストレスなくタップができますね。


やっぱり、自分がスマホになるといろいろ気がつきます。


あぁ・・・いままで、ご不便をかけていたようです。

関連記事

• リニューアルしなければ！vol.06 【どんなビジュアルにする？】
• リニューアルしなければ！vol.05 【ボタンエフェクト】
• リニューアルしなければ！vol.04 【flexboxで楽々？】