In this video I build a simple image gallery using React and TailwindCSS. I'm working on migrating a website from Wordpress to NextJS and this is one of the main components. The images animate in as they enter the viewport and include a subtle overlay with text.
0:00 Intro
1:29 Gallery container
2:30 Adding the image overlay
3:31 Fade in/out the overlay
4:03 Add enter into viewport logic
9:14 Finalize image animation
Code: codesandbox.io/s/image-galler...
---
Website: darindoria.com
Twitter: / _darindoria
GitHub: github.com/ddoria921
21 июл 2024