CSS 旋转功能。如何指定纺纱方向?

标签 css animation rotation direction

考虑这个演示:https://jsfiddle.net/s2Lngpto/1/

我有一个微调器,我希望它每次都旋转 315 度而不是 360 度(并且以 8 次旋转进行完整循环),CSS 的行为非常奇怪。据我了解,如果您指定例如 rotate(315deg),它应该移动到当前位置的 -45 度位置。但是相反,如果通过最长的路径向右移动。好的..我想这就是 CSS 的工作原理,如果您指定正整数,它将向右旋转,如果为负数 - 向左旋转?对……对吗?
不,我已经指定位置 270 度,在第二阶段它向左旋转而不是向右旋转

我做错了什么吗?实现我想要的目标的最简单方法是什么?

最佳答案

正如你自己所言:

  • 单向(右):
    变换:旋转(10deg)

  • 在另一个方向(左):
    变换:旋转(-10deg)

它可能与您的动画有关,例如,当您具有属性 animation: alternate 时,它往往会按照您的描述进行。你能提供一些代码吗?

关于CSS 旋转功能。如何指定纺纱方向?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41018790/

相关文章:

rotation - Three.JS 的单位,计算旋转和轨道速度

iphone - OpenGL ES : Rotating 3d model around itself

Android VideoView横向方向问题

css - 如何制作在窗口调整大小时折叠的 CSS 框列表?

javascript - 如何沿路线制作自定义 Google map 标记的动画?

css - Sass/Compass 和 Sprites : How do I pick random images for a page-specific sprite?

c# - OpenTK 文字动画

jquery - Opera 以一种非常奇怪的方式处理 jQuery 的 animate 方法

html - css 使用 float : right with vertical-align: middle

html - 文本覆盖另一个文本,需要显示在下方