KP-C

Kevin Powell - Community•3y ago•

10 replies

proudyy

Can animation-timeline be used on multiple selectors?

So what I am trying to achieve is applying multiple animations with an animation-timeline property being set on "scroll();". I was refering to Kevin Powell's video for the parallax for this (https://www.youtube.com/watch?v=Qj0Qx8HpNUo&). The issue I am facing right now though is that as soon as I hit the animation-timeline property on more than 1 selector inside my CSS that it's not working on scroll. The animation itself is correctly defined (no spelling mistakes) and set properly with the animation-property and works in case I remove the animation-timeline property provisionally and set an animation-duration of e.g. 1s. So I wonder if it's possible at all to have multiple scroll driven animations or that I have to rely on a grid stack?

YouTubeKevin Powell

True parallax with CSS-only is now possible

https://kevinpowell.co/courses?utm_campaign=general&utm_source=youtube&utm_medium=cssparallax Interested in levelling up your CSS game? I’ve got courses!

Parallax effects can be cool, but I’m always told the CSS-only solutions aren’t “true” parallax. Well, thanks to scroll-timeline: scroll(), we can now create true parallax effects without on...