Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.20

/
/
Home
/Patterns
/317. Zoom In—Out Transition on Click

Zoom In—Out Transition on Click

 MobilePathfindingApple OSEnglish

Generated Description

Users can tap a thumbnail to smoothly zoom into a full-screen view of the image, providing an immersive and focused viewing experience.

View more...

Pattern Metadata

Released: Jul 2, 2022

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 317. Zoom In—Out Transition on Click.

Device (Tabs)
Mobile
System (OS)
Apple OS
Language (i18n)
English
Description
Users can tap a thumbnail to smoothly zoom into a full-screen view of the image, providing an immersive and focused viewing experience.
VotesUp
VotesDown
Pattern ID
324
UX Flows
Pathfinding
UI Components
Transition
Image / Illustration
Calendar
Tap Event
Modal
Fixed on Scroll
Version
2.1.19
Apple PhotosApple CalendarRelated patterns
 

Apple Photos

notion image

Apple Calendar

High-res available on YouTube
High-res available on YouTube
 
 
 

Related patterns

  • 336. Transition: Zoom-In/Out for Browser Windows
  • 257. Transition: Zoom-In to Full Screen (on Click)
  • 317. Zoom In—Out Transition on Click
  • 402. Transition: Zoom-to-Dock for Minimize

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback