Complete Guide on Placeholder using Nextjs Image, Plaiceholder, Blur, Color
A Complete website tutorial concerning the lazy loading Image Component from Nextjs. I take a look at the default blur as well as the blur and color with the Plaiceholder library.
00:00 Intro
00:44 Static default blur
4:09 Static import - Blur
7:53 Static import - Color
9:20 Dynamic image - Blur
12:00 Dynamic Image - Color
13:16 Custom in-view opacity
17:02 Custom in-view slide
19:15 Outro
More animations: https://blog.olivierlarose.com/
Follow me on Twitter: / olivierlarose_
Discord Channel: / discord
Thanks for watching!
#react #nextjs #awwwards #gsap #framer #motion #smooth #scroll
