例如，在vue項目中使用轉換API時:

document.startViewTransition(() => {
  router.push({name: 'Index'})
});

這可以正常工作，并且每個頁面都有漸變效果。

但是，我使用了CSS重置，如下所示:

*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

all: unset導致視圖轉換只對我指定了名稱的元素起作用，這意味著默認的淡入淡出不再起作用。

所以我的問題是，我如何恢復默認的視圖轉換屬性？

我嘗試了新CSS語法的各種組合，如下所示:

*::view-transition-old(),
*::view-transition-new() {
  animation-duration: 0.5s;
}

但到目前為止都沒有效果。