js中的写法:
<body>
<img id="a" src="/static/blackchuzi.PNG" width="200" height="200" " />
</body>
<script>
document.onmousemove = function (e) {
e = e||window.event;
var x = 0.5-e.clientX/document.body.offsetWidth;
var y = 0.5-e.clientY/document.body.offsetHeight;
document.getElementById("a").style.transform = "rotateY("+x*30+"deg) rotateX("+y*30+"deg)"; //唯一要改的就是这个id
};
</script>
vue中的写法:
效果图: