linear-gradientでストライプじゃなくて斜線を作る方法【CSS de 幾何学模様】 - クモのようにコツコツと

linear-gradientでストライプじゃなくて斜線を作る方法【CSS de 幾何学模様】 - クモのようにコツコツと

背景などでいつもお世話になっているCSSグラデーション（linear-gradient）。他にもいろいろな模様を描...概要を表示 背景などでいつもお世話になっているCSSグラデーション（linear-gradient）。他にもいろいろな模様を描くことができます。そのなかでも「ストライプ（縞模様）」はよく知られています。これを応用して「斜線」を作れないかなー、と試行錯誤してみました。「CSS de 幾何学模様」シリーズ開幕です。 ※目次： 背景などでお世話になっているCSSグラデーション 2箇所を同色にするとクッキリとした縞模様（ストライプ）に degで45度傾ける パーセントの位置を偏らせてストライプを斜線にする 課題：半端な角度だと綺麗な斜線にならない。。 最後に ※参考：CSSって何？ 【HTML、CSS、JSの書式】これを読めばコードが読める！書ける！まとめ！（基本5+応用1記事） - クモのようにコツコツと 背景などでお世話になっているCSSグラデーション これが生まれる前はグラデーションはビットマップ画像で