I'm building a site and have applied some CSS transitions to a few of the elements.
I've noticed that in Google Chrome, when you initiate the transitions it seems to have an impact on the other 'absolute' positioned divs.
For example, I have applied the following transition to the social media icons on this page.
-webkit-transition:all 0.1s ease-out; -webkit-transform:scale(1.1,1.1);
When you hover over the icons, they increase in size slightly. For some reason, the logo at the top of the page (which is positioned absolutely) moves 1 or 2 pixles to the left.
Any idea why this is happening?