CSS / JS / ETC-需要旋转实际元素,而不仅仅是变换

时间:2019-06-05 21:48:40

标签: javascript css transform element

我有一个Web应用程序(不幸的是,它在IE 11中运行,但必定是...),其中我通过带有背景图像的div显示图像。我需要能够旋转 element ,而不仅仅是对其进行变换。基本上,我有一个JS鼠标悬停缩放,当我使用CSS进行转换时:旋转(等...度),它只是显示旋转的图像,但是下面的元素是相同的方向。结果是在“旋转”的图像上上下移动鼠标左右移动……不好。

因此,我只是不熟悉如何旋转实际元素而不是CSS转换方法? DOM,CSS,Javascript,jQuery都是公平的游戏。

更新:根据兰迪的评论,让我澄清一下,而不是调试问题。我只是向那些阻止人们询问问题等内容添加了上下文。是否需要代码:

<!DOCTYPE html>
<html>
<head>
    <style>
        div
        {
            width: 100px;
            height: 50px;
            background-image: url('someImage.tiff');
        }
    </style>
</head>
<body>
    <div id="RotateMe"></div>
</body>
</html>

我想知道如何真正旋转“ RotateMe”,以使实际元素出现在耳边而不是CSS上,而是使其看起来像是:)。

0 个答案:

没有答案