gpt4 book ai didi

html - CSS:2 面 3D 翻转重叠/出血

转载 作者:太空宇宙 更新时间:2023-11-04 11:55:58 31 4
gpt4 key购买 nike

我正在尝试在 IE 中使用两个面实现 3D 翻转效果(没有 preserve-3d)。有关示例,请参见此 CodePen:http://codepen.io/djskinner/pen/XbdPpj

问题是两个面在边缘重叠。这个问题在 Chrome 和 IE 中都存在,所以我假设我转换这种效果以考虑到 IE 中缺少 preserve-3d 的方式存在问题。有什么办法可以防止这种情况发生吗?

example

最佳答案

我通过使用 transform-origin 属性实现了没有任何故障的效果,然后允许简单的旋转而不是必须执行旋转和平移。

可以在这里找到更新的代码笔:http://codepen.io/djskinner/pen/NqNVPx .

灵感来自这个代码笔:http://codepen.io/jonathan/pen/xiJLn .

关于html - CSS:2 面 3D 翻转重叠/出血,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30242496/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com