CSS3でリスト要素のタイミングを取ってみる

`-webkit-transition` プロパティでいろいろ遊んでいる今日この頃。タイミングシリーズが続いてます。
一つ前のエントリーで『ばび』さんから「マウスカーソルでさーっとなぞると」とアドバイスをいただいて文字色を変えるだけでは目立たないなぁと思えてきて、マウスオーバーすると文字を少しずらした方が目立つかもとやってみました。

li a:hover { margin-left: -5px; }
li a { -webkit-transition: margin-left 0.25s linear; }

右サイドメニューの「最近のエントリー」と「カテゴリー」に適用しているのでマウスオーバーして実際の動きを確かめてみてください。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です