パーツ番号 07-13-11 ・ CSSのみ

斜めストライプ×グラデーションぼかし背景

大きく斜めに走る帯状グラデーションをぼかして重ねた静止背景。スポーツ系サイトや躍動感を出したいキャンペーンページの背景としてWordPressで使いやすい。

staticcss

プレビュー

ソースコード

CSS

.d07-13-11{background-color:#0f1b2d;background-image:linear-gradient(115deg,transparent 0%,transparent 38%,rgba(56,189,248,.5) 38%,rgba(56,189,248,.5) 46%,transparent 46%,transparent 60%,rgba(168,85,247,.45) 60%,rgba(168,85,247,.45) 68%,transparent 68%),radial-gradient(at 20% 80%,rgba(56,189,248,.3) 0,transparent 50%)}

クラス名 .d07-13-11 は本ライブラリ内での識別用です。複数のパーツを同じページで使う場合は、重複しないよう名前を変更してください。