ページ遷移前後でアニメーション用のclassを付け外しします。 script.jslet mask = document.querySelector('.mask'); barba.init({ transitions: [ { async leave() { mask.classList.add('active'); await new Promise(resolve => { return setTimeout(resolve, 1000); }); }, afterEnter() { mask.classList.remove('active'); } } ] }); style.scss$ease-cubic-bezier: cubic-bezier(.165, .84, .44, 1); $color-lightgray: #f5f8fa; .mask { position: f