jquery - 具有正面和背面的翻转效果

Question

我想创建一个翻转效果，在鼠标悬停时触发并在鼠标移出时翻转回前面板..因此卡片的正面和背面必须翻转: HTML:

<div class="card">
  <div class="front"> Front-Content </div>
  <div class="back"> Back-Content </div>
</div>

<div class="card">
  <div class="front"> 2nd Front-Content </div>
  <div class="back"> 2nd Back-Content </div>
</div>

正如您所看到的，我希望多张卡片在鼠标悬停时翻转到其背面。 我认为解决方案是通过 jQuery 切换一个具有 CSS3 动画翻转 (rotateY) 的类，但我无法让它工作。

致以诚挚的问候 戴夫

Answer 1

前后翻转效果可以通过css实现，试试这个: http://davidwalsh.name/css-flip