css 渐变下划线

前端开发记录
渐变下划线：

border-bottom: 1px solid;
 border-image: -webkit-linear-gradient(to right,#ffffff , rgba(213,213,213,0.6) , #ffffff)1 10 1; /* 控制边框颜色渐变 */
 border-image: -moz-linear-gradient(to right,#ffffff , rgba(213,213,213,0.6) , #ffffff)1 10 1;
border-image: linear-gradient(to right,#ffffff , rgba(213,213,213,0.6) , #ffffff)1 10 1; /* 标准的必须写在最后 */

效果图：

最后的数字代表比例左右两端与中间的比例
有问题可以下面问 我会回复滴