我在Chrome v44中遇到一個(gè)問題,我嘗試使用“transform：scale(1.1)”放大列項(xiàng)目中的圖像,動畫不起作用…如果我嘗試使用firefox,它運(yùn)行良好！我認(rèn)為問題是由于chrome,但我想知道是否有人找到了解決方法.

.column-wrap {

columns: 3;

}

.column-item {

background-color: red;

}

.column-img-wrap {

margin: 0;

overflow: hidden;

}

.column-img {

display: block;

max-width: 100%;

height: auto;

transform: scale(1);

transition: transform .3s ease;

}

.column-img:hover {

transform: scale(1.1);

transition: transform .3s ease;

}

謝謝

編輯：我找到了一個(gè)解決方法：-webkit-backface-visibility：hidden;我在圖像包裝類“.column-img-wrap”和圖像類“.column-img”上添加了這個(gè)屬性,它完美無缺！

總結(jié)

以上是生活随笔為你收集整理的css scale 元素不放大,列元素上的CSS 3动画“transform：scale”对chrome不起作用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。