Eu tenho alguns CSS que, ao passar o mouse, um efeito de transição CSS move uma div.
O problema, como você pode ver no exemplo, é que a translate
transição tem o horrível efeito colateral de fazer com que a imagem na div se mova 1px para baixo / direita (e possivelmente redimensione levemente?) Para que ela pareça deslocada e fora de foco...
A falha parece se aplicar o tempo todo em que o efeito de foco é aplicado e, a partir de um processo de tentativa e erro, posso dizer com segurança que apenas parece ocorrer quando a transição de conversão move a div (a sombra e a opacidade da caixa também são aplicadas, mas não fazem diferença para o erro quando removido).
O problema parece acontecer apenas quando a página possui barras de rolagem. Portanto, o exemplo com apenas uma instância da div é bom, mas mais uma vez divs idênticas são adicionadas e a página requer uma barra de rolagem, o problema ocorre novamente ...