1. 从中间往两边散发：父元素设置相对定位；子元素设置绝对定位；设置子元素高度（有值）和设置宽度（0）来确定上下border。置子元素高度（0）和设置宽度（有值）来确定左右border。
li {
position: relative;
}
i.before { display: inline-block;
width: 0%;
height: 200px;
position: absolute;
top: 0;
left: 50%;
border-top: solid 3px #fff;
border-bottom: solid 3px #fff;
opacity: 0.5;
transition: width 0.5s,left 0.5s;
-webkit-transition: width 0.5s,left 0.5s;
-o-transition: width 0.5s,left 0.5s;
-moz-transition: width 0.5s,left 0.5s;
filter: alpha(opacity=50);
