UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36

Example URL:
http://codepen.io/anon/pen/EyEPaW

Steps to reproduce the problem:
1. Create a box with some content. Duplicate them to get a referral, the blur can be subtle.
2. Add style "transform: translate3d(-50%, -50%, 0);" to the box you "want" to have blurred content.
3. Add style "transform: translateX(-50%) translateY(-50%);" to achieve the very same effect of the other box *without* the blurred content.

What is the expected behavior?
Both boxes should have the same position, but none of them should have blurred content.

What went wrong?
The shorthand for transform-translate3d seems to be rounding the resulting calculation to a subpixel-level instead of a pixel-level.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 51.0.2704.106  Channel: stable
OS Version: OS X 10.10.5
Flash Version: Shockwave Flash 22.0 r0

I'm not sure if it did work before, but I think so.
 

Deleted: test.html 1.5 KB

test.html 1.5 KB View Download