我很难使用 CSS 转换在 webkit 中将项目旋转 360 度。
我创建了一个 JS Fiddle 来展示我正在尝试做的事情:http: //jsfiddle.net/russelluresti/PnTk8/2/
过渡应该分两步进行。首先,该项目应仅沿 Y 轴旋转 1/2 圈。然后,一旦过渡完成,它应该向相反的方向旋转一整圈并缩小到原始尺寸的 1/2。我遇到的问题是第二个转换只是缩放而不是旋转,即使rotateY(-360deg)
and的旋转值rotateY(0deg)
应该导致完全旋转。
这只是一个概念验证,所以我目前只针对 webkit。但是,我想坚持使用过渡,而不是关键帧动画。有任何想法吗?