CSS3变换比例显示抖动

2014-10-19 67 views 0 likes

我有以下问题：当我使用变换比例尺悬停图像显示颤抖。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？

在此先感谢

来源

2014-10-19 Change

回答

更改属性

background: transparent url("http://s14.directupload.net/images/141019/s3r8avxj.jpg") no-repeat 0 0/176px 176px;

要

background: transparent url("http://s14.directupload.net/images/141019/s3r8avxj.jpg") no-repeat;

jsfiddle

来源

2014-10-19 11:54:18 Rasel

如果你想要适应背景容器还是调整您的源图像 – 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

CSS3变换比例显示抖动

回答

相关问题