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

Question

我遇到了一个奇怪的问题，使 div 不可见。我的目标是从透视角度为 3D 对象创建阴影。

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

我的 Chrome 版本是 27.0.1453.47 Beta

查看此小提琴以自己重现问题。（仅限 Chrome。）

我希望你们更多地了解这个问题:)。