创建渐变对于此按钮

Question

我试图为背景按钮实现此效果，注意到效果就像波浪一样。是否有某种方法可以定义渐变或css函数来实现这一目标？

我能得到的最多是垂直或水平线的渐变，但不像Wave

Answer 1

我不是CSS的专家，但这是我的解决方案（纯CSS）。 仅在FF中测试。

DEMO

---

按照例子修改：

DEMO

Answer 2

如果仅使用CSS就可以实现这一点。你可以得到的最接近的是a：before和：after伪类的组合，每个都有自己的径向渐变，但即便如此，它也不会完全匹配。

你也可以使用堆叠的多个渐变但又不是完全匹配。

Answer 3

我认为这可能会对您CSS Gradient Button和here

有所帮助