CSS3旋转/转换奇怪的问题

时间:2012-11-14 16:35:19

标签: html css3 transform css-transforms

我有一个独特的情况,而不是做一个模式来显示一些选项我试图使用一些3D变换来进行“翻转”动作,在视图的“背面”显示一些输入。

我创建了一个codepen来显示功能和问题。

问题是当我翻转div时,我的背面形状的下半部分是不可点击的,几乎就像它上面有一些我看不到的元素。这正是最不可编辑的50%,因此我猜测我的轮换方式是错误的。

http://codepen.io/CollinEstes/pen/qcwhd

1 个答案:

答案 0 :(得分:1)

我能够修复您的示例:http://codepen.io/MikeFielden/pen/haHrG

我最终做的就是将您的rotateX(180deg)更改为rotateX(-180deg),这似乎可以清除它。至于为什么它这样做我不能说。也许是一个浏览器错误?