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