javascript - 用于图像或 DIV 翻转的纯 Javascript

Question

因为我需要在我的软件中编写 html，所以我只需要纯 javascript 来进行翻转。

请不要使用 css 动画或 Jquery 动画，只使用纯 javascript。

需要类似于:http://pingmin-tech.com/flipcardjs

在这里找到了一个解决方案:<强> DEMO

但如果我得到类似于 http://pingmin-tech.com/flipcardjs 会更好

Answer 1

javascript 在您的 html 代码之前。

这个链接是你在下面的评论中问我的答案: https://jsfiddle.net/ws7054r2/

#card {
  display: block;
  width: 50px;
  height: 50px;
  padding: 25px;
  background-color: black;
  color: white;
  font-family: 'Arial', sans-serif;
}

<script>
  var k = 0;

  function flip() {
    var j = document.getElementById("card");
    k += 180;
    j.style.transform = "rotatey(" + k + "deg)";
    j.style.transitionDuration = "0.5s"
  }
</script>
<div id="card" onmouseover="flip()">sample text</div>