スマホでもhoverの効果を使いたい!

hover

例えば、画像の上にマウスを置くと(hover)文字が上に表示されるとか・・・何かhoverで起きる演出系はスマホでは効かない事も。

hover

タップした時の動作(ページ移動)になってしまいがちなので、必要なのかな?という場合もあると思いますが処置はいたって簡単なので、やってみてもイイかも?

ontouchstart=”” を追記するだけです。例えば、こんな感じに付け足します。
<figure  class=" hover" ontouchstart="">
</figure>

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください