将jQuery旋转动画直接在图像上直接应用于固定轴，以模拟摆动效果

Question

我的网站中有某些图像，这些图像绝对位于父容器中，并且由于网站的响应性工作，因此我不想在固定宽度div或任何事物。这些图像基本上是连接到我所定位的字符串上的对象，就像它们挂在页面上一样。现在，我试图以某种方式对它们进行动画作用，以创建像摇摆效果这样的摆动 - 好像它们挂在线上一样。我已经看到了一些有关类似效果的文章，这似乎是最有前途的，但是我无法应用它，也许是因为它需要图像在Div中。这是我正在尝试的JSBIN。我将首先直接应用于图像，然后继续创建适当的动画。不幸的是，我被困在第一步。

Answer 1

您需要的只是将位置设置为相对

#plane {
    margin-left:100px;
    -webkit-transform-origin: top;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    position: relative;
}

位置静态（默认值）不是可转换