我正在使用背面可见性,透视和变换来创建卡片翻转效果。
这些是样式:
.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 & Hack" class="logo full">
<div class="description">
{{CONTENTS}}
</div>
</div>
</div>
问题是,当您将鼠标悬停在卡片上时,其他一张或两张卡片会消失。在http://joelcalifa.com(彩色框)上查看。
出于某种原因,这似乎发生在我的新Macbook上,而不是我以前的非Retina macbook上。有任何想法吗?
谢谢!