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

Example URL:
http://codepen.io/cvn/pen/wzBvEw

Steps to reproduce the problem:
1. Visit the demo page.

What is the expected behavior?
All 3 green squares should be offset from their boxes due to CSS perspective.

What went wrong?
The third square, with a css opacity of 0.9, displays without the perspective being applied.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes 52.0.2743.116

Does this work in other browsers? Yes 

Chrome version: 53.0.2785.89  Channel: stable
OS Version: OS X 10.11.6
Flash Version: Shockwave Flash 22.0 r0

The demo page renders correctly in Safari 9, Firefox 47, Edge 25.

This issue is affecting the animation in my app. I had to remove opacity transitions to avoid rendering glitches.
 

Deleted: chrome-52-expected.png 169 KB

	chrome-52-expected.png 169 KB View Download

Deleted: chrome-53-regression.png 170 KB

	chrome-53-regression.png 170 KB View Download