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
      • Filter chip
      • Input chip
      • Graphs
      • Metrics
    • Date picker
    • Dialog
    • Divider
    • Education notice
    • EEK rating and range
    • Expansion
      • Checkbox
      • Combobox
      • Dropdown
      • Numeric stepper
      • Password
      • Phone number
      • Radio button
      • Select list
      • Switch
      • Text area
      • Text field
    • Item tile
    • List row
      • Overview
      • Expressive loader
      • Skeleton loader
    • Media container
    • Pagination
    • Popover
    • Progress stepper
    • Search field
    • 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
PreviousOpacity
Things.People.Love.
  • Get started
  • Foundations
  • Design system
  • Expressions
  • Resources
  • Articles
  • 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.

    Skeleton Title

    Skeleton Subitle

    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)