Google chrome (the tab) will become unresponsive when opening this page. Note that this seems to occur almost exclusively when you have just opened google chrome and navigated to the page (a fresh start, nothing in the history yet).
http://users.telenet.be/prullen/grid.html
What can be seen when it is unresponsive is something like this:
Does anyone know what the cause of this is? I can't really do any debugging as the page is totally unresponsive and the developer tools cannot be loaded. Any pointers would be appreciated.
(Note: this is with chrome 15).
Edit:
This appears to be the code that makes it crash: But I really need this code. Any workaround?
#container.grid .item {
-webkit-transition: -webkit-transform .15s linear;
-moz-transition: -moz-transform .15s linear;
-o-transition: -o-transform .15s linear;
-ms-transition: -o-transform .15s linear;
transition: transform .15s linear;
-moz-transform-style: preserve-3d;
-o-transform-style : preserve-3d;
-ms-transform-style : preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility:hidden;
}
#container.grid .item img {
-webkit-backface-visibility:hidden;
}