Changelog

Contents

    Motion One adheres to Semantic Versioning.


    10.8.1 28 April 22

    🐞 Fixed
    • Fixing types for stagger delay option.

    10.8.0 27 April 22

    ⭐️ Added
    🐞 Fixed
    • Remove repeat and direction from timeline segment options. Issue (sponsors only)
    • Converting all transform values into numbers before forwarding to animation polyfill. Issue (sponsors only)
    • Fixed initial="false" typechecking in Motion One for Vue.

    10.7.2 15 April 22

    🐞 Fixed
    • Fixing forced read of initial keyframe when Motion DevTools is recording if keyframe is explicitly defined.

    10.7.1 10 April 22

    🐞 Fixed
    • Fixed stagger calculations with easings.

    10.7.0 19 March 22

    ⭐️ Added
    • Added support for Motion Developer Tools.

    10.6.2 7 February 22

    🐞 Fixed
    • Fixed velocity calculations of critically and overdamped animations.

    10.6.1 5 February 22

    🐞 Fixed

    10.6.0 21 January 22

    ⭐️ Added
    • Custom animations by passing function to animate.

    10.5.2 15 January 22

    🐞 Fixed

    10.5.1 14 January 22

    🐞 Fixed

    10.5.0 31 December 21

    ⭐️ Added
    • Motion One for Vue: A fully declarative version of Motion One for Vue 3!
    • style utility for getting/setting styles and CSS variables on DOM elements.

    10.4.0 17 October 21

    ⭐️ Added
    • Spring and glide in timeline: timeline now supports animations with ease: spring() and ease: glide().

    10.3.2 17 October 21

    🐞 Fixed
    • Fixing animation interruption for independent transform animations in Safari and Firefox. Issue (sponsors only)

    10.3.1 11 October 21

    🐞 Fixed
    • Fixing a bug in stagger and animate.

    10.3.0 10 October 21

    ⭐️ New
    • Glide: Animate transforms with realistic glide that can be used to mimic momentum scroll.
    🐞 Fixed
    • Fixing a bug where sometimes velocity wasn't being correctly passed to the next animation.

    10.2.1 5 October 21

    🐞 Fixed
    • Ensuring duration is always passed correctly to the independent transform polyfill.

    10.2.0 4 October 21

    ⭐️ New
    • Springs: Animate transforms with realistic spring simulations.

    10.1.3 30 September 21

    🐞 Fixed
    • Fill both for timelines: Extends fill: "both" effect from 10.1.2 to timeline.

    10.1.2 30 September 21

    🐞 Fixed
    • Fill both: Previously, if an animation had a delay and an initially-defined first keyframe (opacity: [0, 1]) the animation would start from its rendered style to that first keyframe. Now, the initial keyframe gets stretched to the very start of the whole animation by setting fill: "both". Issue (sponsors only)

    10.1.1 27 September 21

    🐞 Fixed
    • Scrub to end: Setting currentTime to duration was removing the animation effect. This has been fixed by setting fill: "forwards" on the WAAPI animation. This won't affect memory consumption as animations are flattened into styles and removed on finish. Issue (sponsors only)
    🚦 Changed
    • Removed Popmotion dependency: Reduced the number of dependencies by moving Popmotion utilities inside Motion One. Filesize remains unaffected in most environments but will be lower in Skypack and other distributors that don't support tree-shaking.

    10.1.0 26 September 21

    ⭐️ New
    • Duration: The duration of timelines is usually automatically calculated from its defined animations. It can now be read from the new read-only duration prop on animation controls.
    🚦 Changed
    • Performance: Before Motion One starts a new animation, it stops the old one. Stopping an animation commits its styles, which can cause a style recalculation. Now, when an animation finishes, we delete the reference to the old animation. Additionally, we check the animation status isn't "finished" before committing styles within stop. This prevents unnecessary style recalculations.

    10.0.3 24 September 21

    🐞 Fixed
    • Fixed formatting of changelog for website publication.

    10.0.2 23 September 21

    🚦 Changed
    • Generating finished promise on-demand.
    🐞 Fixed
    • Catching promise in animate and timeline to prevent errors whenever a sub-animation is cancelled.

    10.0.1 21 September 21

    🚦 Changed
    • Removed links to repo from Readme.

    10.0.0 11 September 21

    ⭐️ New
    • First publish

    Did you know?

    There's an incredible new set of developer tools for Chrome that let you inspect, edit and export Motion One and CSS animations.