尝试使用CSS重新创建此垂直导航栏

Question

我希望重现以下网站中使用的不均匀宽度垂直导航栏：

http://www.narrowdesign.com/

垂直滑动效果和脉冲条是完全可选的，不是我必须拥有的。当你将鼠标移开时，我确实喜欢条形加宽的效果。

有关如何使用CSS和/或jquery执行此操作的任何建议吗？

Answer 1

这应该非常简单。只需使用一堆带有黑色背景和一些填充的<ul>元素。您可以将float:left;和clear:both;放在它们上面，它们会排成一行并按照其内容调整大小。