sb-underline 鼠标滑过，底部下划线动画
鼠标滑过，底部下划线动画
实现思路
把sb-underline的a元素，设置底部border为2px；同时增加before和after伪元素也为2px，高度2px，底部对齐，上而下遮住sb-underline的2个像素border；自下而上依次为sb-underline，sb-underline::after；sb-underline::before，鼠标划过sb-underline::before，进行x轴100%移动，sb-underline::after就得以展示。如果把sb-underline::before设置为背景色，即可实现鼠标划过底线生出的动画。如下：
最终效果
2017-08-12，by neo