1

我想在此演示页面http://themeforest.net/item/mazine-wordpress-theme-a-wp-ecommerce-theme/full_screen_preview/198602上创建类似于左侧类别菜单的悬停效果

我尝试添加 padding-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 回答