4

I was trying to achieve this effect for a background button, notices that the effect it's a like a wave. Is there a some way that i can defined a gradient or a css function to accomplish this?

enter image description here

The most that I can get it's a gradient for a vertical or horizontal line but not like a 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グラデーションボタンとここで役立つかもしれないと思います

于 2012-09-12T05:17:58.953 に答える