title: Image moves on hover when changing filter in chrome
body: <p>I have an image, when i blur it on hover, it slightly moves, it's like the image shakes in its position, problem only occurs in chrome ( tested with: chromium 63 linux-x86_64 ),</p>
  
  <pre><code>.item img{
    transition: 250ms all ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .item:hover img{
    filter: blur(2px)
  }
  </code></pre>
  
  <p>I thaught it might be related to <a href="https://stackoverflow.com/questions/12980153/image-moves-on-hover-chrome-opacity-issue">this issue</a>, but none of the solutions worked.</p>
  
  <p><a href="https://i.stack.imgur.com/EcaIw.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/EcaIw.gif" alt="image moves on hover"></a></p>
  
  <p><strong>UPDATE :</strong> </p>
  
  <p>As <a href="https://stackoverflow.com/a/47962982/2690009">@Chase said</a>, this is a chrome bug and the most stable solution is to wait for it to be fixed. but for now, the best solution for this issue is <a href="https://stackoverflow.com/a/48691368/2690009">@kosh Very's answer</a></p>