覚書：テキストリンクのクリック時に動きをつける
一般的な技術なんだけど、実は使った事がなかったので、
ちょっと覚書の為にエントリー。
テキストのクリック時にちょっとした動きが欲しいとき、
位置をずらす方法。
サンプル
■CSS
a:active{
position:relative;
top:1px;
left:1px;
}
クリックする時のCSSは:activeで指定。
position:relative;にして、そこから上左1px動きをつける。
■プレビュー
このCSSを設定しようとしたときに、
最初はmarginとかpaddingで位置指定していたら、
クリックする度に周りも1pxずれる時が出てきたので、
改めて勉強してみた。
この技術って、デザインの技とかで取り扱われているようなことなので、
けっこう皆が知っていることなんですよね。
自分が使った事なくて、使ってみたらどうなるんだろうってことで使ってみました。
今後サイトで導入していこうかな。
