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

PR

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

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

 

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

DEMO 表示

hover

 

 

 

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

hover2

 

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

PR

COMMENT

コメントを残す

PR

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

WDG WEB DESIGN GALLERY ウェブデザインギャラリー