Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] easing linear combined with tween not being linear. #2826

Open
a-dominiak opened this issue Oct 9, 2024 · 0 comments
Open

[BUG] easing linear combined with tween not being linear. #2826

a-dominiak opened this issue Oct 9, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@a-dominiak
Copy link

2. Describe the bug

When I use animate function to linearly transform motionValue from 0 to 1, It does not behave correctly. In the given link I attached a square that should just animate opacity from 0 to 1 and it starts at 0, but at about 50% it flickers.

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug

https://codesandbox.io/p/sandbox/framer-motion-keyframes-forked-5wnmqh?file=%2Fsrc%2Findex.tsx%3A14%2C68

4. Steps to reproduce

Steps to reproduce the behavior:

  1. create a useMotionValue
  2. create useEffect that changes that value
  3. base some motion element style on it
  4. It's not happening linearly

5. Expected behavior

The animation should be linear

@a-dominiak a-dominiak added the bug Something isn't working label Oct 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant