How to create beautiful 3D Coverflow Gallery with CSS 3D and Typescript
⭐Download the source code:
https://github.com/rimmontrieu/3d-cov...
⭐ Live demo: https://3dcoverflow.netlify.app/
This video shows you a complete process of making a 3d coverflow image gallery using typescript and pixabay api
00:00 Intro and Demo
00:39 Create new project with vite
01:21 Config vite project
03:32 App markup and styles
06:25 Customize image input
07:34 Build ImageQuery service
11:56 3D Scene and Coverflow3D
16:53 Build CoverflowItem class
21:49 Generate items position
27:44 Items interactive
28:34 Load images set
31:58 Improve transition function
33:17 Add drop shadow
⭐ Thank you for watching the video
⭐ Don’t forget to LIKE & SUBSCRIBE
#asmr #coding #programing #css #javascript