CSS Animations in Editframe

Editframe's timeline system pauses animations and manually controls them via animation.currentTime. Elements exist in the DOM before their animations start, so fill-mode matters.

ef-text and ef-text-segment — fill-mode is automatic

For text animations on ef-text or via ef-text-segment classes, do not set fill-mode. The system defaults to backwards automatically when the computed value is none.

/* ✅ Just write the animation — fill-mode is handled */
ef-text {
  animation: fade-in 1s 500ms;
}

.my-segment-class {
  animation: slide-up 800ms var(--ef-stagger-offset);
}