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

2011/11/27 65 users コリス Sta CSS マウスホバー セル

ユーザーのマウスホバーに合わせて、価格表のセルをアニメーションで拡大するCSS3のテクニックを紹介します。 デモページ ホバーしたセルが拡大表示され、ボックスシャドウを使って浮き上がる感じです。 カラーを変更してもよさそうです。 実装 HTML 価格表は実はtable要素を使っておらず、リスト要素で実装されています。 <div class="pricing_table"> <ul> <li>Sta... 続きを読む