インタラクティブステージ
1
2
3
4
キャンバス上の制御点をドラッグしてリアルタイムに位置を調整できます4 / 12 キャンバス制御点
選択中の制御点 #1
X座標15%
Y座標20%
広がり半径75%
不透明度90%
カラー:
ベース背景色:
メッシュトポロジー
フィルムグレイン（粒子ノイズ）
18%
目標コントラスト比白文字（ホワイトテキスト）
ビューポート表示枠
/* Modern CSS Mesh Gradient (SRGB) */
:root {
--mesh-base: #0d0b1a;
--mesh-point-1: rgba(99, 102, 241, 0.90);
--mesh-point-2: rgba(6, 182, 212, 0.85);
--mesh-point-3: rgba(236, 72, 153, 0.80);
--mesh-point-4: rgba(139, 92, 246, 0.90);
}
.mesh-container {
background-color: var(--mesh-base);
background-image:
radial-gradient(at 15% 20%, rgba(99, 102, 241, 0.90) 0px, transparent 75%),
radial-gradient(at 80% 15%, rgba(6, 182, 212, 0.85) 0px, transparent 85%),
radial-gradient(at 30% 85%, rgba(236, 72, 153, 0.80) 0px, transparent 90%),
radial-gradient(at 85% 80%, rgba(139, 92, 246, 0.90) 0px, transparent 70%);
}