Css 如何为动画设置离子菜单过渡效果

我是爱奥尼亚的新手。我第一次开发了一款ionic应用程序。我已经尝试了很多方法来将TransitionCSS属性应用到ion菜单，但它对我不起作用。有人能帮我吗

我使用CSS在DOM中尝试了样式阴影根元素。 在my app.component.ts文件中：

initializeApp() {
    this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();
      this.menuAnimation(); // call menuRadius method
    });
  }
  menuAnimation() {
    setTimeout(() => {
      document.querySelector('ion-menu').shadowRoot.querySelector('.menu-inner').setAttribute('style', 'transition: 5s');
    }, 2000);
  }