解决方法
只需手动操作宽度和高度,而不是使用缩放:
#pan { width:500px; height:500px; position:relative; background:#aaa; } #rec { width:100px; height:100px; position:absolute; top:250px; left:250px; background:#fff; -webkit-transition:500ms cubic-bezier(0.785,0.135,0.000,0.940) } #rec:hover{ /*-webkit-transform:scale(3.5,1);*/ width:300px; left:150px; -webkit-transition:500ms linear; -webkit-border-radius:35px; }
<div id="pan"> <div id="rec"></div> </div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。