Transition动画过度效果

transition-property：                       规定设置过渡效果的 CSS 属性的名称。通常设置成all

transition-duration：                       规定完成过渡效果需要多少秒或毫秒。

transition-timing-function：        规定速度效果的速度曲线。

transition-delay：                                  定义过渡效果何时开始，延迟多长时间执行。

/*Top Menu*/
#nav li.level-top > a.level-top > span ,#nav1 li.level-top > a.level-top > span {position: relative; z-index: 2}
#nav li.level-top > a.level-top, #nav1 li.level-top > a.level-top { position: relative;}
#nav li.level-top > a:after, #nav1 li.level-top > a:after{
    	transition:all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
}
#nav li.level-top > a:after, #nav1 li.level-top > a:after{
	content: "";
	position: absolute;
	left: 0%;
	width: 100%;
	bottom: 50%;
	height: 0;
	background: #eb6e3e none repeat scroll 0 0!important;
}
#nav li.over > a:after, #nav1 li.over > a:after{
	width: 100%;
	height: 100%;
	left:0;
	bottom: 0;
}