通常のテキストリンクをマウスオーバー時に、リンク感を更に出すアイディア

WS003047
このエントリーをはてなブックマークに追加
PR

テキスト中に埋め込まれたテキストリンクでは、なんか物足りない。そんな時にこれを使うとぴったりかも

テキストリンクをマウスオーバーすることで、背景が少し変わり右側に矢印が登場して、これをクリックするとページを移動するんだなって感じがより強調されます

 

テキストリンクに一工夫のアイディア

DEMO 表示

hover

 

 

 

ただ、このテキストリンクを作るコード。不完全で、テキストリンクのテキストが長いとうまく行きません
文字が長いと見た目も、ちょっとイケてないので。改善の必要は有りですね

hover2

 

アイディアはGoodなので、参考にオリジナルのリンクエフェクトを作ってみるのがいいですかね

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)