Question

我正在尝试使用此CodePen（见下文）这是一个信封效果。

单击按钮时顶部翻盖应打开，然后在发送表格时顶部翻盖应关闭。

然而问题是：当打开/关闭它时会做双重操作。顶部翻盖将打开然后折叠在信封后面，然后回到＆＃34;打开＆＃34;州。关闭时会发生相反的情况。

如何删除open-＆gt; close-＆gt;打开效果？

以下是我正在使用的编码器。

http://codepen.io/permanentinc/pen/muFxK

我相信罪魁祸首是以下一段代码：

anl A, #15
swap A
anl P1, #15
orl P1, A

Answer 1

我发现了这个问题。这是转换时间功能所以我以粗体删除了以下内容......

.top_flap {
    top: -245px;
  left: -15px;
  position: absolute;
  height: 245px;
  width: 800px;
  overflow-y: hidden;
  -webkit-perspective: 500;
  -moz-perspective: 500;
  -ms-perspective: 500;
  -o-perspective: 500;
  perspective: 500;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition: all 500ms 200ms linear;
  -moz-transition: all 500ms 200ms linear;
  -o-transition: all 500ms 200ms linear;
  transition: all 500ms 200ms linear;

  **Start of Removed**--------------------------------
  -webkit-transition-timing-function: cubic-bezier(0.6, 1.3, 0.2, 2.8);
  -moz-transition-timing-function: cubic-bezier(0.6, 1.3, 0.2, 2.8);
  -o-transition-timing-function: cubic-bezier(0.6, 1.3, 0.2, 2.8);
  transition-timing-function: cubic-bezier(0.6, 1.3, 0.2, 2.8);
  **End of Removed**---------------------

  z-index: 1;
}

这是包含修复程序的forked codepen。

http://codepen.io/SandManMoshi/pen/bVMwNx/

打开后为什么翻盖打开然后关闭？

1 个答案: