v2 エフェクト
BgEffectVintageFilm
フィルムグレイン・スクラッチノイズを重ねるエフェクト。レトロ・映画的・ノスタルジックな演出に。
PREVIEW
デモ
※ このエフェクトはグレーのスクラッチとセピア調オーバーレイで表現されるため、ダーク背景では視認が困難です。ライト背景での使用を推奨します。
概要
画面全体にフィルムグレイン（粒子ノイズ）とスクラッチ傷を重ねるエフェクトです。まるで古いフィルム映画を観ているような質感を与えます。BgEffectProjectorFlicker と組み合わせるとより本格的なレトロ映画の雰囲気になります。--vintage-film-alpha で効果の強さを調整できます。
CSS カスタム変数
| 変数名 | デフォルト | 説明 |
|---|---|---|
--vintage-film-alpha |
1.0 |
全体強度係数。小さくすると効果が控えめになる |
使用例
セクションへの適用
sections:
- template: hero
title: "タイトル"
effects:
- BgEffectVintageFilm
ページ全体への適用
---
layout: layouts/base.njk
effects:
- BgEffectVintageFilm
---
BgEffectProjectorFlicker との組み合わせ
effects:
- BgEffectVintageFilm
- BgEffectProjectorFlicker
CSS 変数での調整
:root {
--vintage-film-alpha: 0.6; /* 控えめなグレイン */
}