Copy link to clipboard
Copied
Hi everyone,
One of the more popular cases for using 3D transforms is in using them to create Carousels. You must have seen them being used in sites such as Netflix and Spotify. In this tutorial, we will attempt to simulate such carousels using 3D transforms in XD, Repeat Grids, and Horizontal Scroll Groups.
Let's get started.
Step 1: Add perspective to the container
Step 2: Apply repeat grid and horizontal scroll
Step 3: Create a carousel
Step 5: Use Auto-Animate to wire and animate the prototype
Were you able to recreate the carousel using the procedure" Did you have any issues? Let us know by replying to this post.
Share your creations
We would love to see what you created. Reply to this post to share your creations.
Thanks,
Atul_Saini
Have something to add?