[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

templateとhtmlに関するs-fengのブックマーク (1)

  • テキストリンクのホバー時に使えるエフェクト・デザインサンプル 15 - NxWorld

    文章内のテキストリンクやテキストのみで実装しているようなナビゲーションリンクなどで使えそうなホバーエフェクト・デザインのサンプルです。 文字数が変化したり改行が頻繁に入るような場所などでは正直使い辛くて利用できる場面が限られてしまうものも多いのですが、シンプルなHTMLCSSで様々な見せ方ができます。 サンプルの中で特にdisplay: inline-block;を記述しているタイプのものが意図しない箇所で改行されたり、逆にされなかったりということがあるので注意して下さい。 実際にどのような動きになってしまうのかはブラウザを縮めて確認してもらったり、または自身で環境を用意して実装・確認をしてもらうとよりわかりやすいと思います。 ここで紹介するエフェクトは、基的に<a href="#">リンク</a>のようなHTMLに対して実装したものになります。 また、サンプルコードに含まれていません

    テキストリンクのホバー時に使えるエフェクト・デザインサンプル 15 - NxWorld
  • 1