小编Kup*_*upe的帖子

我正在尝试创建一个CSS动画,它看起来像一个div围绕X轴上的图像(或另一个div)旋转.
我能够在http://codepen.io/Kupe517/pen/zBKGev创建一个粗略的想法,但动画div没有我正在寻找的旋转效果.我想我需要在转换中添加某种rotateX()并添加透视图,但我无法弄清楚正确的组合.我附上了我想要实现的那种动画的粗略图像.

这是我当前的动画代码:

@keyframes moveBack { 
 0%{transform:translateY(0); z-index:10;}
 25%{transform:translateY(435px); z-index:10;}
 26%{z-index:0;}
 50%{transform:translateY(0) scale(.8); z-index:0;}
 75%{transform:translateY(-435px); z-index:0;}
 76%{z-index:10;}
 100%{transform:translateY(0); z-index:10;}
}