Javascript 如何旋转div

我正在开发一个棋盘游戏，我想知道如何使用css或JavaScript动态旋转一个div，这样每个玩家都可以自下而上玩

玩家一号

---

玩家二

---

来自早期stackoverflow post：

---

从先前的stackoverflow post：

---

如果您想将图像旋转180度，然后期望拖放工作，那么您需要少一点懒惰，只需从每个用户的角度编写代码即可。

如果您想将图像旋转180度，然后期望拖放工作，你需要少一点懒惰，只需从每个用户的角度编写代码即可。

你的板没有翻转，而是旋转了180度。你应该实现逻辑，让播放器以任意一种颜色开始，而不是用CSS进行破解。上图中的棋盘旋转了180度，而meagar指的是镜像。谢谢你指出这一点。你的棋盘没有翻转，而是旋转了180度。您应该实现逻辑，让播放器以任意一种颜色开始，不要用CSS来破坏它。在上面的图像中，电路板旋转了180度，而meagar指的是镜像。谢谢你指出这一点。这是可行的，但拖放不再有效-我使用的是jQuery UI。试着在鼠标下移动图像类，隐藏原始图像，拖动占位符图像，然后在释放时重新附着。这样，jQuery行为在拖放过程中不会受到影响。这是可行的，但拖放不再有效-我正在使用jQuery UI。请尝试在鼠标按下时删除图像类，隐藏原始图像，拖动占位符图像，然后在释放后重新附着。这样，jQuery行为在拖放过程中不会受到影响。我不想重新发明轮子-如果没有更简单的方法，那将是我的最后一个选择。我不想重新发明轮子-如果没有更简单的方法，那将是我的最后一个选择。

.flip-vertical {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: flipv; /*IE*/
}