Webkit-transform + Webkit-filter导致不可见的div

Question

我遇到了一个奇怪的问题，让div看不见。 我的目标是以透视方式为3D对象创建阴影。

因为阴影模糊，我使用的是-webkit-filter: blur(8px);，但是当我尝试使用-webkit-transform: rotateX(45deg);添加透视，并且度数大于45时，div就会消失。

我的Chrome版本为27.0.1453.47 Beta

查看this fiddle以自行重现问题。 （仅限Chrome。）

我希望你们能更多地了解这个问题：）。