css 边框颜色渐变的半圆

原创 橙云生 随笔 css3 240阅读 2018-03-02 14:52:51 举报

1.需求有这么个东西,个人不习惯背景图片来解决,开始了css尝试。

2.基于上图 尝试用背景渐变来解决,so border-image上了,(不要问为啥不用border-color),但是圆角没有了,因为他们都是对border的设置。后从网上看到有伪类去做的背景渐变的按钮。

效果如下:

3.然后开始改造

4.再次改造

最终达到想要的效果。

评论 ( 1 )
最新评论