Skip to content

  • VisualizationPage · Index
  • What’s newPage · Latest additions
  • Styles indexPage · Home
  • Compare stylesPage · Side by side
  • Patterns indexPage · Index
  • Articles indexPage · Index
  • Folio design systemPage · House system
  • Folio FoundationsPage · House system
  • Folio ComponentsPage · House system
  • Folio PatternsPage · House system
  • Folio MotionPage · House system
  • Folio ExamplesPage · House system
  • Folio ButtonsPage · Component
  • Folio Text fieldsPage · Component
  • Folio SelectPage · Component
  • Folio Checkboxes & switchesPage · Component
  • Folio Radio groupsPage · Component
  • Folio TabsPage · Component
  • Folio MenusPage · Component
  • Folio DialogsPage · Component
  • Folio TooltipsPage · Component
  • Folio Breadcrumbs & paginationPage · Component
  • Folio CardsPage · Component
  • Folio Badges & avatarsPage · Component
  • Folio Data tablesPage · Component
  • Folio Progress & loadingPage · Component
  • Folio FeedbackPage · Component
  • Folio Empty statesPage · Component
  • Folio MediaPage · Component
Skip Folio navigation

04 / Folio

Motion

System: standard motion

Your system’s reduced-motion preference applies to both previews.

01

Response

Standard / 80ms
Reduced

02

Disclosure

Standard / 180ms
Ready for review

Material studies
6 works · Studio collection

Reduced
Ready for review

Material studies
6 works · Studio collection

03

Continuity

Standard / 240ms
Reduced

The object is in the collection.

04

Timing

80 mspress
120 msfeedback
180 msinspector
240 mscontinuity
400 mseditorial
response / cubic-bezier(0.16, 1, 0.3, 1)movement / cubic-bezier(0.76, 0, 0.24, 1)exit / cubic-bezier(0.4, 0, 1, 1)