我处于一种非常特殊的情况,我希望父元素具有不会应用于其子元素的3D转换。
我选择了一个解决方案,该解决方案包含对孩子应用的逆向转换,使其看起来好像不受其父级transform
的影响。它工作正常。
http://codepen.io/tdm/pen/pgwbVY
然而,这就是它变得非常棘手的地方,我想使用CSS clip()
属性在父级上应用掩码。事实证明,这只是孩子的flattens the 3D context(clip-path()
也是如此),这使反向矩阵变得疯狂。
你们有没有看到任何其他的方式让我看起来像孩子在父母移动和的同时不移动,同时保持父母和孩子根据相同的切割线被剪裁?