Skip to main contenteBay Playbook
  • Get started
  • Foundations
  • Design system
  • Expressions
  • Resources
  • Articles

Design system

  • Overview
    • Overview
    • Color
    • Dimension
    • Spacing
    • Typography
    • Breakpoints
    • Shadow
    • Shape
    • Opacity
    • Motion
    • Overview
    • Status
    • Accordion
    • Action bar
      • Overview
      • Inline notice
      • Page notice
      • Section notice
    • Avatar
    • Badge
    • Banner
    • Breadcrumb
      • Overview
      • Branded button
      • CTA button
      • Icon button
      • Link button
    • Carousel
    • CCD
      • Graphs
      • Metrics
    • Date picker
    • Dialog
    • Divider
    • Education notice
    • EEK rating and range
    • Expansion
      • Checkbox
      • Chip
      • Combobox
      • Dropdown
      • Numeric stepper
      • Password
      • Phone number
      • Radio button
      • Search field
      • Select list
      • Switch
      • Text area
      • Text field
    • Item tile
    • List row
      • Overview
      • Expressive loader
      • Skeleton loader
    • Media container
    • Pagination
    • Popover
    • Progress stepper
    • Quick filter
    • Section header
    • Segmented button
      • Bottom sheet
      • Panel
    • Signal
    • Snackbar
    • Tab
    • Table
      • Tooltip
      • Tourtip
    • Toggle button group
    • Video player
    • Overview
    • Bulk editing
    • File uploading
      • Text link

Motion tokens

Motion tokens

Skeleton Title

Skeleton Subitle

PreviousOpacity
Things.People.Love.
  • Get started
  • Foundations
  • Design system
  • Expressions
  • Resources
  • Articles
  • Contributors
  • Careers
  • Press
  • Privacy policy
© 2025 eBay. All rights reserved.

eBay Evo, the eBay trademark, and the eBay logo are the intellectual property of eBay Inc.

    Duration

    TitleValue
    motion.duration.instant
    17ms
    motion.duration.short.1
    50ms
    motion.duration.short.2
    83ms
    motion.duration.short.3
    167ms
    motion.duration.medium.1
    250ms
    motion.duration.medium.2
    333ms
    motion.duration.medium.3
    500ms
    motion.duration.long.1
    667ms
    motion.duration.long.2
    833ms
    motion.duration.long.3
    1000ms

    Easing

    TitleValue
    motion.easing.standard
    cubic-bezier(0.3, 0, 0, 1)
    motion.easing.quick.enter
    cubic-bezier(0, 0, 0, 1)
    motion.easing.quick.exit
    cubic-bezier(1, 0, 1, 1)
    motion.easing.soft.enter
    cubic-bezier(0, 0, 0.7, 1)
    motion.easing.soft.exit
    cubic-bezier(0.3, 0, 1, 1)
    motion.easing.continuous
    cubic-bezier(0.3, 0, 0.7, 1)
    motion.easing.bounce
    cubic-bezier(0.3, 0, 0, 1.25)
    motion.easing.linear
    cubic-bezier(0, 0, 1, 1)