我在Chrome v44中遇到一個問題,我嘗試使用“transform：scale(1.1)”放大列項目中的圖像,動畫不起作用…如果我嘗試使用firefox,它運行良好！我認為問題是由于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;

}

謝謝

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。