アニメーションがChromeで動作しない

Question

divの背景にズームエフェクトを適用しました。 Chrome用に機能が停止した今日まで、すべての作業が完了しました。他のすべてのブラウザでは完全に動作します。私はdiv要素を置くと望んでいたとして、バックグラウンド・サイズがない、ゆっくりと、110％に瞬時に設定されている、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%; 
 
}

：

は、ここに私のコードです。

編集：フィドルhttps://jsfiddle.net/ca79cohz/

Answer 1

あなたのコードの作業jsfiddleを作成し、

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