Is it possible to “snap to pixel” after a CSS translate?

Question

I created a modal box and vertically centred it using a technique Chris Coyer mentioned. The only problem I\'ve found with it so far is that sometimes the box is offset by half

Answer 1

In some browsers you can avoid 3d transforms and use 2d transforms instead, the translation will snap to pixels by default:

transform: translate(-50%, -50%);

transform: translate3d(-50%, -50%, 0);

JSBin: http://jsbin.com/epijal/3/edit