преобразование масштаба дает другой результат в Firefox - PullRequest
Новая
       30

преобразование масштаба дает другой результат в Firefox

0 голосов
/ 11 мая 2019

У меня очень простая анимация, и эта анимация прекрасно работает в браузерах WebKit (chrome, opera), но в конце анимации возникает необычный эффект, когда я запускаю код в firefox (эффект масштабирования). когда я пытаюсь удалить transform: scale (1), эффект масштабирования исчезнет, ​​но мне нужно это преобразование. Как я могу удалить эффект увеличения для Firefox? 

*{
      box-sizing: border-box;
      padding: 0;
      margin: 0;
  }
  html,body{height: 100%;}
  .img{
      width: 0%;
      height: 100%;
      transform: scale(1) ;
      background: url('https://images.unsplash.com/photo-1557389352-e721da78ad9f?   ixlib=rb1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80') center center no-repeat ;
      background-size: cover ;
      background-attachment: fixed;
      animation: anime 2s linear forwards;
  }
  @keyframes anime{
      0%{}
      100%{width: 100%;}
  }
<div class="img"></div>
...