Question

我遇到以下问题：当我使用变换比例悬停图像显示颤抖。

这是我的代码：

<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/

是否有可能删除判决？

提前致谢

Answer 1

更改属性

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

CSS3变换比例显示抖动

1 个答案: