Complete Guide on Placeholder using Nextjs Image, Plaiceholder, Blur, Color

Опубликовано: 21 Август 2023
на канале: Olivier Larose
17,519
728

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


Смотрите видео Complete Guide on Placeholder using Nextjs Image, Plaiceholder, Blur, Color онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Olivier Larose 21 Август 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 17,519 раз и оно понравилось 728 людям.