欢迎大家来到IT世界,在知识的湖畔探索吧!
transform:rotate(90deg) 之后鼠标无法触摸或者是触摸之后又断开，一直断断续续的，使用css的hover或者是JS的mouseenter事件会执行多次导致一卡一卡的。解决方法是改为89即可。
使用 rotateX(90deg) 会出现Bug
div:{
height:84px;
width:100px;
background:red;
transform-style:preserve-3d;
transition: .4s;
transform-origin: center;
prespective:10000px;
transform: rotateX(0deg) translateZ(0);
}
div:hover{
transform: rotateX(90deg) translateZ(0);
}
欢迎大家来到IT世界,在知识的湖畔探索吧!
效果图
出现Bug，一直抖
上面的效果是会一直抖动，使用JS事件的mouseenter 会一直执行，正常的话一会执行一次
把90改为89即可
欢迎大家来到IT世界,在知识的湖畔探索吧!div:hover{
transform: rotateX(86deg) translateZ(0);
}
效果图
现在是正常的效果
现在不会抖动了，JS事件也正常了
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://itzsg.com/35338.html
