framer-motion

Version:

A simple and powerful JavaScript animation library

21 lines (18 loc) • 657 B

JavaScript

import { useInsertionEffect } from 'react';

let hasInsertedTransitionResetStyle = false;
function useResetViewTransitions() {
    useInsertionEffect(() => {
        if (hasInsertedTransitionResetStyle)
            return;
        hasInsertedTransitionResetStyle = true;
        const style = document.createElement("style");
        style.textContent = `
    ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) {
        animation-timing-function: linear !important;
    }
    `;
        document.head.appendChild(style);
    }, []);
}

export { useResetViewTransitions };
//# sourceMappingURL=use-reset-view-transitions.mjs.map