Why I am getting, "Invalid keyframe value for property filter: blur"? #2955
Replies: 4 comments 2 replies
-
What |
Beta Was this translation helpful? Give feedback.
-
here is my
Here is for reverse
|
Beta Was this translation helpful? Give feedback.
-
No, not just the blur filter. I am animating other things as well.
Yes, it's true the spring animation is causing the problem. However, I am not able to fix it. I didn't get it what exact value to add inside the filter? |
Beta Was this translation helpful? Give feedback.
-
It turns out that the delay is making the blur effect invisible. You have to screen-record to see frame by frame when the text appears. Just remove or change the delay to like 0.01 to see the blur. Here is the sandbox link: https://codesandbox.io/p/github/watery-desert/motion-blur-issue/main?import=true |
Beta Was this translation helpful? Give feedback.
-
While animating from
filter: 'blur(0px)',
tofilter: 'blur(10px)',
I am getting this warning:Invalid keyframe value for property filter: blur(-0.2773px)
here is the code
to
motion version
"motion": "^11.14.1",
the added that to
animate={scaleOpacityMenuControl}
and toggle a state to change the animation state.Beta Was this translation helpful? Give feedback.
All reactions