因为我需要在我的软件中编写 html,所以我只需要纯 javascript
来进行翻转。
请不要使用 css 动画或 Jquery 动画,只使用纯 javascript。
需要类似于:http://pingmin-tech.com/flipcardjs
在这里找到了一个解决方案: <强> DEMO
但如果我得到类似于 http://pingmin-tech.com/flipcardjs 会更好
最佳答案
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>
关于javascript - 用于图像或 DIV 翻转的纯 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28492791/