背景と背景の境目の波線の表現方法

Question

背景に背景をかぶせてセクションごとに背景を変えているのは分かるのですが、
境目の波なみ線をどう表現しているのかが、ソースコードを見ても分からないので
教えていただけませんでしょうか。

【キャプチャ】
https://gyazo.com/0d1364286d249e1d57f0cc306238eefe

【サイトURL】
https://www.hirata-wood.co.jp/

Answer 1

単純に透過png画像を背景に設定しているだけです。

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 0;
    padding: 15px 0 30px 0;
    background: url(images/h_bg.png) repeat-x left bottom;
    z-index: 999999;
}

images/h_bg.png の下が波線で透過になってます。下記のような画像です。

Comments

[ebiko]

確認不足でした＾＾；ありがとうございました！