0
我有以下問題: 當我使用變換比例尺懸停圖像顯示顫抖。CSS3變換比例顯示抖動
這裏我的代碼:
<div class="item">
</div>
.item {
background: transparent url("http://s14.directupload.net/images/141019/s3r8avxj.jpg") no-repeat 0 0/176px 176px;
width: 176px;
height: 176px;
display: inline-block;
font-family: Arial;
margin: 0px 10px 10px 0px;
border: 5px solid #fff;
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.4);
box-shadow: 0 0 2px 1px rgba(0,0,0,0.4);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.item:hover {
transform: scale(1.05);
border: 5px solid #fff;
cursor: default;
}
全屏視圖:http://jsfiddle.net/excsa15w/embedded/result/
代碼:http://jsfiddle.net/excsa15w/
是否有可能去除judding?
在此先感謝
如果你想要適應背景容器還是調整您的源圖像 – Rasel 2014-10-19 11:56:45
它用y來判斷我們的方案!在左上角快速懸停時,圖像「跳躍」 1 px和回....這個我不想要 – Change 2014-10-19 21:40:29
我不clear.c澄清它。 – Rasel 2014-10-20 03:20:59