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

我在我的网站上有一些绝对位于父容器中的图像，由于该网站按照我的需要进行响应性工作，我不想将这些图像包含在固定宽度div或任何内容中。这些图像基本上都是附加在字符串上的对象，我将其定位为好像它们挂在页面上一样。 现在，我正试图以一种方式为它们设置动画，以便创建一种类似钟摆的摆动效果——就像它们挂在一根线上一样。我看过一些关于类似效果的文章，似乎最有希望，但我无法应用它，可能是因为它要求图像位于div中。 因为我正在努力。我将从直接对图像应用旋转开始，然后继续创建适当的动画。不幸的是，我被困在第一步

您只需将“位置”设置为“相对”

#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;
}

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