【问题标题】:Is there a way to spin an image in 3d using css or javascript? [closed]有没有办法使用 css 或 javascript 在 3d 中旋转图像? [关闭]
【发布时间】:2021-01-04 19:54:28
【问题描述】:

我在一个 HTML div 标签中有三个图像文件。我需要这些图像一次显示一个。当一个图像出现时,它会停留几秒钟然后旋转(就像一个旋转的硬币),旋转动画完成后,第二个图像应该取代它。按住-再次旋转-第三张图像。这应该是一个循环。

【问题讨论】:

  • 是的,有。 .
  • 欢迎来到 Stack Overflow!预计您至少会尝试自己编写代码。我建议你做一些additional research,无论是通过谷歌还是通过搜索,尝试一下。如果您仍然遇到问题,请返回您的代码并解释您尝试过的操作。
  • 尝试始终假设有办法,进行一些搜索并尝试一些尝试。

标签: javascript html css css-animations


【解决方案1】:

您可以使用 transform: rotateZ() 属性并通过 transform: translate(1s) 延迟其开始时间。

【讨论】:

    【解决方案2】:

    是的,你可以使用转换属性

    变换:rotateZ();

    https://developer.mozilla.org/en-US/docs/Web/CSS/transform

    【讨论】:

      猜你喜欢
      • 2020-10-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-10-20
      • 1970-01-01
      • 2019-12-18
      相关资源
      最近更新 更多