テーブル行をハイライト

Author: Pafuxu| Published: 2009-05-20

エントリー「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プロパティでタイミングをとってバックグランド色を表示しています。

This entry was posted in HTML/CSS, Web and tagged , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">