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

Foundations

  • Overview
    • Our logo
    • Using our logo
    • Using our tagline
    • Showcase
    • Our colors
    • Using color
    • Using color in product
    • Using color in marketing
    • Using color in illustration
    • Best practices
    • Showcase
    • Our typeface
    • Using type
    • Using type in digital
    • Using type in print
    • Best practices
    • Showcase
    • Our photos
    • Visual tone
    • Image types
    • Showcase
    • Our icons
    • Using icons
    • Confirmation indicators
    • Icon library
    • Best practices
    • Showcase
    • Our illustrations
    • Visual tone
    • Using illustration
    • Sizing and placement
    • Best practices
    • Showcase
    • Our motion
      • Using motion in product
      • Volume of motion
      • Product transitions
      • Expressive animation
      • Using motion in marketing
      • Layout in motion
      • Typography in motion
      • Depth in motion
    • Overview
    • Include plugin
      • Overview
      • Responsive layout
      • Image ratio
      • Uniform
      • Masonry
      • Mosaic
      • Overview
      • Stacks
    • Interaction levels
    • Interaction states
    • Using object styles in product
    • Using object styles in marketing

Depth in motion

Adding depth in animation can help tie elements together, making designs feel more grounded in reality and creating a more immersive viewing experience.

Depth in motion
PreviousTypography in motion
Things.People.Love.
  • Get started
  • Foundations
  • Design system
  • Expressions
  • Resources
  • Articles
  • About eBay Design
  • Careers
  • Press
  • Privacy policy
© 2026 eBay. All rights reserved.

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

    2.5D

    By using 2.5D techniques in motion, we’re creating playful and visually satisfying elements that can be useful for many projects.

    3D

    Photorealistic 3D is used to highlight the beautiful products that appear on our site, allowing viewers to get an up-close view. Always keep products as realistic as possible.

    Video description: A 3-second video shows a close up of a woman with a confident expression on a solid and vibrant yellow background. The image scales back and a 2.5D technique in motion happens where four image cards are filed through and the last image zooms in and takes over the screen. It is a close up of a smiling man looking down on a solid red background with the eBay logo in the center.

    Video description: A 6-second video shows individual cards with a single right-facing, colorful sneaker displayed on a white background. The cards span diagonally from the top left down to the right where they go from large to increasingly smaller. It has a cascading motion where when the images flip to the right to show 2.5D technique in motion.

    Video description: A 3-second video shows 5 cards with right-facing sneakers on cards from top left diagonally to lower right. Once the middle card with a white nike sneaker is selected a photorealistic 3D motion happens where the sneaker zooms in and flips horizontally. Once the sneaker lands in place it is a zoomed in image with large display type reading “Off-White”, an outlined Authenticity Guarantee program badge lockup inside a pill shape and an icon reading “Free Shipping”. The heritage ebay logo appears in the lower left corner and “Things.People.Love” in the lower right corner.