Как сделать градиент для ul?

Question

[Deman1]

Вот на что нужен градиент

Код html

<ul class="nav navbar-nav navbar-right hidden-xs login-cart">
<li class="header-cart-inner">
<a class="cart-contents" href="#" title="Просмотреть свою корзину">
<i class="fa fa-shopping-cart"></i>
<span class="amount-number simple-counter"> 
0	</span>
</a>
<ul class="site-header-cart text-center list-unstyled">
<li>
<div class="widget woocommerce widget_shopping_cart"><div class="widget_shopping_cart_content">
<p class="woocommerce-mini-cart__empty-message">Корзина пуста.</p>
</div></div></li>
</ul>
</li>
</ul>

CSS:

#site-navigation,  
nav img, 
.transparent-header #site-navigation.shrink .site-title a, 
.transparent-header #site-navigation.shrink .site-title a:hover, 
.transparent-header #site-navigation.shrink p.site-description, 
.transparent-header #site-navigation.shrink .navbar-nav > li > a, 
.dropdown-menu > li > a, 
.navbar-default .navbar-nav > li > a {
	color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
}

Answer 1

[Борис Манжела]

1. Идем на www.colorzilla.com/gradient-editor
   
2. для UL задаем стиль из созданного сервисе