为什么im用js更改elemets显示属性后动画可以重用
有人能解释一下吗？我找不到任何答案
有人能给我解释一下吗
我的代码在下面
`

<style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      aside {
        display: none;
        position: relative;
        left: -100%;
        height: 100vh;
        background-color: red;
        width: 20%;
        animation: openit 800ms ease-in forwards ;
      }
      @keyframes openit {
        to{
            left: 0;
        }
      }
      aside a {
        display: block;
      }
      .open {
        position: absolute;
        z-index: -1;
      }
    </style>

`