Warum funktioniert der CSS-Übergang auf Hintergrundgröße nicht?

Question

Demo: [http://everythinghomegrown.com/] (Blick auf die Abschnitt Ihre eigene Fertigen Sie mit den vier batman Bilder)

Aus irgendeinem Grund wird die Hintergrund-Größe Übergang nicht. Stattdessen springt es ohne fließenden Übergang von einer Größe zur anderen.

---

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

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

Warum funktioniert der Übergang nicht? Ich erlebe dies in Chrome, Safari und Firefox.

Answer 1

Gelöst.

Ursprünglich hatte ich diese:

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

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

ich das Problem behoben, indem ein zweiter Wert in den Hintergrund-size Eigenschaft hinzufügen.

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%; 
}