Leichy Posted May 3, 2023 Share Posted May 3, 2023 I have a pretty simple animation, a reel of items that moves down so it looks like the reel is spinning vertically. I'm trying to add motion blur to it but it's not working and searching for motion blur in gsap gives no results. I added "motionBlur: true" to the timeline modifiers but that did nothing. Any help would be greatly appreciated. Link to comment Share on other sites More sharing options...
Rodrigo Posted May 3, 2023 Share Posted May 3, 2023 Hi, You can use CSS variables for that: See the Pen abRVwed by GreenSock (@GreenSock) on CodePen just be aware that Filters and specially blur are not really good in terms of performance so thread carefully and test as much as you can in order to prevent bad UX. Hopefully this helps. Happy Tweening! 1 Link to comment Share on other sites More sharing options...
Leichy Posted May 3, 2023 Author Share Posted May 3, 2023 Hey, thank you for responding but won't this just make my elements blurry without it actually looking like motion blur. Link to comment Share on other sites More sharing options...
PointC Posted May 3, 2023 Share Posted May 3, 2023 There have been a bunch of motion blur threads over the years. There are probably more, but some that I recall: Hopefully one of those points you in the right direction. 2 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now