Попытка воссоздать эту вертикальную панель навигации с помощью CSS

Question

Я хочу воспроизвести вертикальную навигационную панель неравной ширины, используемую на следующем сайте:

http://www.narrowdesign.com/

Эффект вертикального скольжения и пульсирующие полосы совершенно необязательны, я не должен этого иметь. Мне нравится эффект расширения полос, когда вы наводите курсор мыши.

Любые предложения о том, как сделать это с помощью CSS или JQuery?

Answer 1

Это должно быть довольно просто. Просто используйте связку <ul> элементов с черным фоном и некоторыми отступами. Вы можете надеть на них float:left; и clear:both;, и они будут выстроены по бокам и будут иметь размер, соответствующий их содержанию.