REDLINE MAGAZINE | CSS テキストリンクもボタンっぽくポチっとするREDLINE MAGAZINEトップページへ

すべてのエントリを見る

CSS テキストリンクもボタンっぽくポチっとする

最近CSS関連の情報ってCSS3のお話が多いんだけど、今日は初歩的なところに戻って昔よくあったみたいな小ネタ。

こちらのページにテキストリンクもボタンリンクみたいにクリックしたらヘコませようぜっていうお話がありました。

>>Make All Links Feel Subtly More Button-Like | CSS-Tricks

テキストリンクって、hover時のスタイルに関しては毎回どうしよっかって迷うけど、個人的にはactiveのタイミングでのスタイルはあまり気にしてなかったかも、と思いました。なんかこういうのちょこっと手を入れるだけで印象が変わりますね。まぁ「ほんの一瞬」なので気付かない人も多いかもしれないけれど。

上記ページのコメントの部分にポチっとヘコむ時に少し暗い色にしたらどう?ってお話もあってなるほどなーと思ったので、そんな感じで一応サンプルページとか作ってみました。

>>サンプルページ

既存のサイトにコレ追加するのも結構楽だなぁとか思ったり。上のページではtop:1px;にしてるだけだけど、外国の方のコメント見てるとleftも加えて斜めとかどうよ?みたいな話も。

<< CSS 画像の一部を使う3つの方法 | 近況とか。CSS,PHP雑記の巻。 >>

トラックバック

このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/250

このページの一番上へ

その他の情報など

最近のコメント

PHP オブジェクト指向の勉強
  • Red - 2010.01.08
  • hogepage - 2010.01.21
  • Red - 2010.01.22
  • - 2011.11.27
  • houseiii - 2011.11.27
Fireworks トリミング画像を一括書出 CS4編
  • Iper - 2009.06.27
  • Red - 2009.06.27
  • mala - 2011.11.17
  • Red - 2011.11.18
jQueryでボックスを上下左右中央に簡単配置
overflow を使用したボックス背景のこと
  • - 2007.12.13
  • Red - 2007.12.13
  • - 2007.12.13
  • Red - 2007.12.13
  • hj - 2011.09.23
IE6 → 透過PNG+overflow=混ぜるな危険(追記有)

メッセージを送る

こちらのメッセージ送信フォームは閉鎖させて頂きました。
御用の方は新しい方のブログ にコメント頂くか、 連絡用のフォーム もありますので、そちらからご連絡ください。