MyController

WEB業界素人の僕がまた見返しそうなことのメモです。

【CSS】背景に画像を使わずCSSだけでスタイリッシュな斜め背景をつける方法

実は簡単で、グラデーションの境目をパキっとさせるだけ。

つまりこんな感じ。
background-image: linear-gradient(-61deg, #d8d9cf 59%, #fff 55%, #fff);
background-position: 54px;
background-repeat: no-repeat;


参考
8ステップで完成!CSS3で「斜めのストライプ」を作る方法 | maesblog