PFx CSS Motion ALPHA 0.2
Studio/
Native preview
02 / CANVAS

Motion playground

LIVECanvas
PFx / PREVIEW SPACE +
STUDIO CANVAS
pfx / 01
IN MOTIONForm follows
feeling.A BETTER KIND OF MOVEMENT ↗
RENDERED IN YOUR BROWSER
00:00.60
03 / SEQUENCE

Timeline 2 frames

00:00.60 / 00:01.20
PROPERTIES1 selected
Time (s)
Drag diamonds to change timing · Ctrl/Shift to select multiple← → — Nudge · SPACE — Play
READY TO USE

Your animation, as CSS.

Copy this stylesheet and apply the generated class name to the element you want to animate.

CLASS