Chrome 53's changes to CSS opacity break 3D transforms.

[trusktr]

To see the problem, simply open your LightAndBillboard example in Chrome 53 or higher:

http://kitao.github.io/divsugar/examples/04.LightAndBillboard/

This is a bad design choice in the w3 css-transforms spec, here, which states that anything with opacity less than 1 should be flattened like paper.

Can you please put your input at

https://bugs.chromium.org/p/chromium/issues/detail?id=646993 https://bugs.chromium.org/p/chromium/issues/detail?id=650514

This opacity problem is wreaking havoc with my library at trusktr/infamous. It also breaks Famous/engine and the ReFamous fork, which is used in production by some people.

I've been also detailing the problem in the public-fx mailing list. If you look here, you'll see the threads titled [css-transforms] CSS3D breaks with opacity flattening. If you can please send an email to [email protected] with the same topic, that'd be great!

I hope we can reverse these breaking changes and spec out the correct opacity behavior.