css - 不透明度とトランジションを使用したアニメーション ブレンド モード

Question

background-color-blend-modePhotoshopのような不透明度を変更する方法を探しています。私の目標は、ブレンド モードの不透明度をアニメーション化して非表示にすることです。何か案は ？

#img-esadvalence {
  background-image: url(http://leodurand.fr/works/planesad/esad1.jpg);
  background-color: #e12a1c;
  background-blend-mode: screen;
}

.all-img-menu {
    background-size: contain;
    background-position: center; 
    width: 110%;
    padding-bottom: 40.75vh;
    display: block;
    top: 50%;
    -ms-transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%); 
    transform: translate(0%,-50%);
    position: absolute;
    transition: all 0.6s ease;
}

<div id="img-esadvalence" class="all-img-menu"></div>