テーブル行をハイライト

エントリー「table要素の見た目」の続きとなります。

2.0GHz 2.4GHz 2.0GHz
Intel Core 2 Duo Intel Core 2 Duo Intel Core 2 Duo
2GB DDR3 メモリ 2GB DDR3 メモリ 2GB DDR2 メモリ
160GBハードディスク 250GB ハードディスク 120GB ハードディスク
NVIDIA GeForce 9400M NVIDIA GeForce 9400M NVIDIA GeForce 9400M
標準キーボード バックライトキーボード 標準キーボード
アルミニウムユニボディ アルミニウムユニボディ ホワイトポリカーボネートシェル

テーブル行にカーソルを持って行くとハイライトするようにしてみました。ただ、WebKit独自プロパティを使用しているので、Safari4などの最新のWebKitエンジンで表示できるウェブブラウザでないと動作しないと思います。

-webkit-transitionプロパティでタイミングをとってバックグランド色を表示しています。

コメントする

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