動畫無法在Chrome上工作

我對div的背景做了縮放效果。所有工作到今天，當它停止運作的Chrome。對於其他任何瀏覽器，它都能正常工作動畫無法在Chrome上工作

這裏是我的代碼：

.project_image { 
 
    width: 582px; 
 
    height: 280px; 
 
    background-position: center; 
 
    -webkit-transition: all .2s linear; 
 
    -moz-transition: all .2s linear; 
 
    -o-transition: all .2s linear; 
 
    -ms-transition: all .2s linear; 
 
    transition: all .2s linear; 
 
    background-size: 100%; 
 
} 
 

 
.project_image:hover { 
 
\t background-size: 110%; 
 
}

在Chrome，當我將鼠標懸停在div，背景大小立即設置爲110％，而不是慢慢被通緝。

編輯：小提琴https://jsfiddle.net/ca79cohz/

來源

2016-06-14 Adi Pîslaru

創建您的代碼的工作的jsfiddle，這是行不通的。 – frnt

css對我來說工作的很好，我在Chrome，IE和Firefox上測試過...都一樣 – HudsonPH

我用小提琴更新了帖子，對我來說不行，chrome 51.0.2704.84 m –

添加這種變化，

.project_image { 
background-size: 100% 100%; 
} 
.project_image:hover { 
background-size: 110% 110%; 
}

來源

2016-06-14 12:00:47 frnt

動畫無法在Chrome上工作

回答

相關問題