下面是一張gif的圖,我用img標簽和背景圖做的效果都是一樣的, npm run dev運行之后打開可以展示出來動態(tài)效果, 或者關閉窗口另外在打開也可以, 但是用瀏覽器刷新不會展示出來?

html

<div class="enter_the_animation"></div>

  .enter_the_animation {
    width: 800px;
    height: 600px;
    float: left;
    margin-left: 2%;
    margin-top: 10%;
    background-size: 100% 100%;
    background-image: url("../../../assets/login/home_effect.gif");
  }