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

上下2分割メッシュグラデーション背景

上半分と下半分で異なる色調のメッシュを組み合わせた静止背景。比較コンテンツやビフォーアフター紹介の下地としてWordPressで使える。

staticcss

プレビュー

ソースコード

CSS

.d07-13-09{background-color:#ffffff;background-image:linear-gradient(to bottom,#fdeff2 0%,#fdeff2 50%,#eaf6f6 50%,#eaf6f6 100%),radial-gradient(at 30% 20%,rgba(255,138,170,.5) 0,transparent 45%),radial-gradient(at 70% 80%,rgba(94,213,201,.5) 0,transparent 45%)}

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