Grain Overlay

Animated film grain texture overlay using CSS keyframes — adds warmth and analog character to any composition

Grain Overlay

Animated film grain texture overlay using CSS keyframes — adds warmth and analog character to any composition

texture grain overlay film

Install

Terminal

npx hyperframes add grain-overlay

Details

Property	Value
Type	Component

Files

File	Target	Type
grain-overlay.html	compositions/components/grain-overlay.html	hyperframes:snippet

Usage

Open compositions/components/grain-overlay.html and paste its contents into your composition. See the comment header in the file for detailed instructions.