バックグラウンドサイズのCSSトランジションが動作しないのはなぜですか？

Question

デモ： [http://everythinghomegrown.com/]（4枚のバットマンの画像を使用して独自のセクションをカスタマイズを見て）

何らかの理由で、背景のサイズは移行されません。代わりに、スムーズな遷移なしにあるサイズから別のサイズにジャンプします。

---

div { 
    background-size: 100%; 
    transition: all 0.2s ease; 
} 

div:hover, div:focus { 
    background-size: 115% 115%; 
} 

移行が動作しないのはなぜ？ Chrome、Safari、Firefoxでこれが発生しています。

Answer 1

解決済み。私は、バックグラウンド-sizeプロパティに第2の値を追加することによって、問題を修正

div { 
    background-size: 100%; 
    transition: all 0.2s ease; 
} 

div:hover, div:focus { 
    background-size: 115% 115%; 
} 

：

もともと私はこれを持っていました。

div { 
    background-size: 100% 100%; /* added second 100% to fix the problem */ 
    transition: all 0.2s ease; 
} 

div:hover, div:focus { 
    background-size: 115% 115%; 
}