CSS transition for individual filter functions.

HTML

<!DOCTYPE html>
<html>
    <body>
        <div id="test"></div>
    </body>
</html>

CSS

#test {
    position: absolute;
    
    width: 75%;
    height: 75%;
    
    background: blue;
    
    transition: filter 5s;
}

JavaScript

let element = document.getElementById("test");

let func = () => element.style.filter = `drop-shadow(25px 25px 2px white) 
                                          grayscale(100%) 
                                          brightness(30%)`

setTimeout(func, 3000);