ef-surface

Mirrors another element — useful for reflections and compositing.

Attribute	React prop	Type	Default	Description
`duration`	`duration`	`string`	—	How long this element is active (CSS time, e.g. `"5s"`).
`loop`	`loop`	`boolean`	`false`	Loop attribute — when this temporal is a self-driving root under a {@link PlaybackController}, the controller wraps back to `0` instead of pausing at `duration`.
`offset`	`offset`	`number`	—	Start offset (seconds) within a parallel (`fixed`/`contain`/`fit`) parent timegroup.
`target`	`target`	`string`	`""`	ID of the element (bitmap source or arbitrary `HTMLElement`) to mirror.

<ef-timegroup mode="fixed" duration="8s" class="w-[1920px] h-[1080px] bg-black flex flex-col items-center justify-center gap-4">
  <ef-video id="main" src="https://assets.editframe.com/bars-n-tone.mp4" class="w-[1280px] h-[720px]" style="object-fit:cover;"></ef-video>
  <ef-surface target="main" class="w-[1280px] h-[180px]" style="opacity:0.25;transform:scaleY(-1);"></ef-surface>
</ef-timegroup>

CSS Parts

Part	Description
`canvas`	The rendering canvas (a light-DOM child, not shadow DOM).