Bonjour,

Afin de dynamiser un peu les transitions sur mon site j'aimerais utiliser la propriété : transition-timing-function comme on peut le voir ci-dessous :

@keyframes cacheLoader{
    0%   { width:100vw; }
    100% { width:0; }
}


.loader{
    position:absolute;
    top:0;
    right:0;
    background:#FFF; 
    width:100vw;
    height:100vh;
    z-index:1000;
    overflow:hidden;
    animation-name:cacheLoader;
    animation-duration: .6s;
    animation-delay: 3.5s;
    animation-fill-mode: forwards;
    transition-property: all;
    
    /* LA PARTIE QUI NE FONCTIONNE PAS : */  
    
    -webkit-transition-timing-function:cubic-bezier(.9, 0, 1, 0);
    -moz-transition-timing-function:cubic-bezier(.9, 0, 1, 0);
    -ms-transition-timing-function:cubic-bezier(.9, 0, 1, 0);
    transition-timing-function:cubic-bezier(.9, 0, 1, 0); 
    
}

Seulement même en insérant ce code, la vitesse de l'animation reste constante. Sauriez-vous d'ou peux venir le problème ? En sachant que la propriété devrait fonctionner sur ma version de Firefox.

Merci d'avance !