jquery - css动画中的翻转效果不起作用

Question

我做了一张翻转卡片。但是点击“记者证”时的旋转效果不起作用

谁能帮帮我？

DEMO

Answer 1

转场设置不正确，改成

.cci-press-card__wrap {
  position: relative;
  width: 300px;
  height: 380px;
  margin: 0 auto;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  transition: transform 0.5s ease;
}

CodePen