テーブル行をハイライト

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

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

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

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

コメントする

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