Skip to content

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

@a-dominiak

Description

@a-dominiak

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions