4

我试图为背景按钮实现这种效果,注意到它的效果就像一个波浪。有什么方法可以定义渐变或 css 函数来完成此任务吗?

在此处输入图像描述

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

4

3 回答 3

4

我不是 CSS 专家,但这是我的解决方案(纯 CSS)。仅在 FF 中测试。

波浪线纯CSS

演示


按照例子修改:

波浪线纯CSS

演示

于 2012-09-12T07:26:04.527 回答
2

如果仅使用 CSS 就可以做到这一点,也没有简单的方法。你能得到的最接近的是 :before 和 :after 伪类的某种组合,每个伪类都有自己的径向渐变,但即使那样它也不会完全匹配。

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

于 2012-09-12T06:01:32.340 回答
-1

我认为这可能会帮助你CSS Gradient Button这里

于 2012-09-12T05:17:58.953 回答