透视/背面可见性导致元素消失

时间:2014-08-05 17:01:19

标签: html css google-chrome nib stylus

我正在使用背面可见性,透视和变换来创建卡片翻转效果。

这些是样式:

 .org
    perspective 1000
    position relative
    .orgInfo
      transform-style preserve-3d
      backface-visibility hidden
    &:hover .orgInfo
      transform: rotateY( 180deg )

这是标记:

<div class="org">
  <div class="orgInfo">
    <img src="assets/images/designhack.svg" alt="Design &amp; Hack" class="logo full">
    <div class="description">
      {{CONTENTS}}
    </div>
  </div>
</div>

问题是,当您将鼠标悬停在卡片上时,其他一张或两张卡片会消失。在http://joelcalifa.com(彩色框)上查看。

出于某种原因,这似乎发生在我的新Macbook上,而不是我以前的非Retina macbook上。有任何想法吗?

谢谢!

0 个答案:

没有答案