[CSS]ユーザーの操作に合わせて価格表の一部を拡大するCSS3のテクニック

ユーザーのマウスホバーに合わせて、価格表のセルをアニメーションで拡大するCSS3のテクニックを紹介します。 デモページ ホバーしたセルが拡大表示され、ボックスシャドウを使って浮き上がる感じです。 カラーを変更してもよさそうです。 実装 HTML 価格表は実はtable要素を使っておらず、リスト要素で実装されています。 <div class="pricing_table"> <ul> <li>Standard</li> <li>&pound;20</li> <li>Perfect for those getting started with our app.</li> <li>15 Projects</li> <li>5GB Storage</li> <li>Unlimited Users</li> <li>No Time Tracking</li> <li>Enchaned Securit

[accent_32]

最近はIEで動かない要素が多すぎて凄く不便。IE滅びろ！

[choromo]

【親切なようで、見づらい、使いづらいことになることもあるので】 「[CSS]ユーザーの操作に合わせて価格表の一部を拡大するCSS3のテクニック | コリス」

[teru-7]

transform:scale();

[warriorking]

(CSS)ユーザーの操作に合わせて価格表の一部を拡大するCSS3のテクニック | コリス

[nors]

http://www.paulund.co.uk/css3-animation-pricing-table

[k_gobo]

価格表をテーブルじゃなくてリストにしてる時点でダメだろ、これ。

[maeda_school_78]

ユーザーの操作に合わせて価格表の一部を拡大するCSS3 CSS演習用

[hr07jp]

ユーザーの操作に合わせて価格表の一部を拡大するCSS3のテクニック

[Donca]

✔ [CSS]ユーザーの操作に合わせて価格表の一部を拡大するCSS3のテクニック