バックグラウンドサイズの移行がクロムで機能しなくなった

Question

クロムで突然動作を停止したバックグラウンドサイズの遷移があります。あなたはこのページのカテゴリボックスのいずれかの上に置く場合、私は何を意味するか見ることができます：

http://demo.elusivethemes.com/luxi/

それが正常に動作するために使用されるが、今停止しました。なぜどんなアイデア？

おかげで、

スコット

Answer 1

あなたは.cat-grid遷移を与える必要はない.cat-grid:hover

webkit-transition: background-size .6s ease; 
transition: background-size .6s ease; 

Answer 2

使用ではなく、スケール変換：

.cat-grid { 
    background-size: 100%; 
    transition: all 1000ms ease; 
} 

.cat-grid:hover { 
    background-size: 104%; 
    transform: scale(.6); 
} 

Answer 3

使用背景の位置や背景の大きさアニメーション化する：今日は同じ問題に走ったhttps://jsfiddle.net/shriharim/8tcbm6zw/

.thumbnail{ 
    background-image:url('http://www.quirkybyte.com/wp-content/uploads/2016/02/Green-Nature-Trees-l-730x365.jpg'); 
    float:left; 
    margin:1px; 
    width:350px; 
    height:350px; 
    overflow:hidden; 
    background-size:450px 450px; 
    background-position:0px 0px; 
    background-repeat: no-repeat; 
} 

.thumbnail:hover { 
    background-size:550px 550px; 
    background-position:-50px -50px; 
    transition:all 0.5s ; 
    -webkit-transition:all 0.5s ; 
    -o-transition:all 0.5s ; 
    -moz-transition:all 0.5s ; 
} 

Answer 4

：これをチェックしてください。私はbackground-size: 300px;であり、:hover,background-size:325px;であった。風変わりなことに、高さと幅の両方を背景サイズで設定しようとしました。したがって、background-size: 300px 300px;と:hoverと同じです。

バックグラウンドサイズをパーセンテージとしてどのようにしているのかわかりませんが、おそらくこれが役立ちます。

更新：Chromiumのknown bugです。