Can someone tell me what is causing my images to become distorted when doing a hover overlay? When you mouse over the top left image, the images surrounding it become distorted.
For example, if you mouse over ADT, the ‘my alarm center’, ‘alarm partners’ and ‘arc’ logos all shift by a few pixels and become pixelated.
The reason is antialiasing gets off during the transition. There’s code to force the antialisasing at all time but for your case, you can delete the images, set a unique sub class to each box, and set the images as background, it should make this behavior stop.