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

粒子ノイズ重ねぼかしメッシュ背景

にじむブロブに細かい粒子ノイズを重ねてざらつきを加えた静止背景。フィルム調やヴィンテージ演出のセクション背景としてWordPressで使える。

staticcss

プレビュー

ソースコード

CSS

.d07-13-10{background-color:#20242c;background-image:radial-gradient(at 25% 30%,rgba(255,99,71,.4) 0,transparent 45%),radial-gradient(at 75% 70%,rgba(64,156,255,.4) 0,transparent 45%),radial-gradient(circle at 10% 10%,rgba(255,255,255,.08) 0,transparent 1px),radial-gradient(circle at 30% 60%,rgba(255,255,255,.06) 0,transparent 1px),radial-gradient(circle at 60% 20%,rgba(255,255,255,.07) 0,transparent 1px),radial-gradient(circle at 80% 50%,rgba(255,255,255,.05) 0,transparent 1px),radial-gradient(circle at 45% 85%,rgba(255,255,255,.06) 0,transparent 1px);background-size:auto,auto,6px 6px,7px 7px,5px 5px,8px 8px,6px 6px}

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