ヘッダーメニュー の境界線を波線にする方法

Question

いつもお世話になっております。

現在wordpressでLightiningの子テーマにて
webページを作成しており、
ヘッダーメニューのデザインの変更についてご質問させてください。

以下の写真はヘッダーメニューの部分ですが
下の部分のボーダー線をなみなみ線に変更したいと考えているのですが
いろいろ調べてみてもいまいちわかりませんでした。

なにかいい方法はございますでしょうか？

Answer 1

CSSだけでも円形グラデーションを組み合わせれば
できるっちゃできるけど芸の部類

codepen

画像を作ってborder-imageでやる方が楽です

Comments

[Tomato_leaf]

リンク、ありがとうございます！