CSS: Scroll Driven Animations

Publicado em: 26 Agosto 2024
no canal de: Syntax

7,412

225

In this episode of Syntax, Wes and Scott talk about CSS' new scroll-driven animations, its implementation, uses, and potential pitfalls. They also discuss animation-timeline and animation-range, and how they can be utilized to control animations based on scroll positions.

Show Notes

(00:00) - Welcome to Syntax!
(00:46) - Brought to you by Sentry.io
(01:35) - Scroll-driven animations
(04:13) - @keyframes
(05:22) - animation-timeline
(11:35) - animation-range
(08:49) - View-based timelines
(17:45) - Neat uses: Dave Rupert on styling :stuck

All links available at https://syntax.fm/813

------------------------------------------------------------------------------
Hit us up on Socials!

Scott:   / stolinski
Wes:   / wesbos
Randy:    / @randyrektor
Syntax:   / syntaxfm

http://www.syntax.fm

Brought to you by Sentry.io

#webdevelopment #webdeveloper #javascript

Nesta página do site você pode assistir ao vídeo on-line CSS: Scroll Driven Animations duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Syntax 26 Agosto 2024, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 7,412 vezes e gostou 225 espectadores. Boa visualização!

3,419

162