1

このデモページの左側のカテゴリメニューのようなホバー効果を作成したいhttp://themeforest.net/item/mazine-wordpress-theme-a-wp-ecommerce-theme/full_screen_preview/198602

パディングを追加しようとしました-left：7px; cssファイルにありますが、これは同じようには見えません。

4

1 に答える 1

3

正確に何を求めているのかわかりませんが、マウスをリストアイテムの上に移動したときにリストアイテムが少しスライドする方法については、このデモを確認してください。CSS3トランジションを使用します。

<ul id="menu">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

</ p> 

#menu li {
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;    
    transition:all 0.2s ease-in-out;
}
#menu li:hover {
    padding-left:7px;
}

</ p>

詳細とデモ：

于 2012-05-31T16:56:50.553 に答える