Skip to main content

​
Install

That writes one file: compositions/vfx-anamorphic-flare.html.

​
Add it to your video

It runs for 10 seconds at 1920×1080. Paste this into your composition:
index.html
Move it in time with data-start. Put it on a different timeline row with data-track-index. See data attributes for the rest.

​
Change how it looks

Set these CSS variables on the block:
  • --intensity — Streak intensity. Defaults to 5.
  • --threshold — High-pass threshold. Defaults to 0.3.
  • --streaklength — Streak length gain. Defaults to 1.
  • --tint — Streak tint. Defaults to #7a8aff.
  • --bloomradius — Bloom radius. Defaults to 0.
  • --timescale — Drift rate. Defaults to 0.5.
  • --emitters — Emitter count. Defaults to 140.
  • --backdrop — Backdrop. Defaults to #04040a.
Tagged vfx background showcase optical canvas.