Coconaru’s Web

フリーランスのWebデザイナーのメモ帳です

CSSで背景の下を空ける

背景の下をグラデーションにする場合

    background: linear-gradient(to bottom, transparent 0%, transparent 80%, #fff 100%), url(../../assets/images/xx.jpg);
    background-repeat: repeat;
    background-position: top center;

背景の下を空ける場合

    background: linear-gradient(to bottom, transparent 0%, transparent 80%, #fff 80%), url(../../assets/images/xx.jpg);
    background-repeat: repeat;
    background-position: top center;