Загрузка видео...

Не удалось загрузить видео

На главную

Playing with React's <ViewTransition> for cross-page animations in Next.js. It's early and experimental, but very cool! Two tips: • Use a poor man's motion blur for movement `filter: blur(0->10->0)` • Use Chrome's animations devtools to debug

160,269 просмотров • 1 год назад •via X (Twitter)

Комментарии: 11

Фото профиля Delba
Delba1 год назад

Here is a diff adding view transitions: Still figuring out best practices and how to compose everything. Tailwind adding some view transition presets will go a long way.

Фото профиля CodeRabbit
CodeRabbit1 год назад

AI-first pull request reviewer with context-aware feedback, line-by-line code suggestions, and real-time chat.

Фото профиля Cory Simmons
Cory Simmons1 год назад

As someone who disables motion blur in every single thing I possibly can including closing my eyes at movie theaters, I'd suggest not adding motion blur.

Фото профиля Delba
Delba1 год назад

Animations are disabled if you set prefers reduced motion

Фото профиля Drayken
Drayken1 год назад

firefox you fuckers get to work

Фото профиля Chris Nicholas
Chris Nicholas1 год назад

Very nice! Looking forward to trying out these APIs.

Фото профиля Delba
Delba1 год назад

It's pretty cool how far basic usage goes, barely touching the surface of what's possible.

Фото профиля Dmytro
Dmytro1 год назад

Okay, I’ll need to rework my website-portfolio soon :)

Фото профиля kant
kant1 год назад

Looks good

Фото профиля 0xultrainstinct💢
0xultrainstinct💢1 год назад

thank you, this looks amazing!!

Фото профиля Neanrakyr
Neanrakyr1 год назад

When will you release the NextSchool :D ! ? I love when you teach me how to be better in Next !

Похожие видео