边框底部中心淡出

Question

如何创建以淡出效果为中心的边框朝向元素的边缘 示例如下:(底部边框）

Answer 1

在容器盒上使用背景效果：

background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#777), to(#fff));