Skip to content

Work / Trunk / Wiki / Surfaces

motion-new

Surfacedraftverified 2026-10-21

SURFACE.WEB.STYLES.MOTION-NEW

Summary

Adding a motion in Edit, so a product started blank can have one.

Raw wireframe

  • .context/designs/web/styles/motion-new.html

Why it is drawn this way

The same form as New color. How long it takes in ms, how it eases (one of the easings CSS names) and a name. Add puts it in Styles › Motion, in the draft, and opens it.

The value is kept as "200ms ease-out", the form Motion reads. An imported motion may also be a cubic-bezier, or only a duration or only an easing.

Related

Sources

  • .context/designs/web/styles/motion-new.html