배경 크기의 CSS 전환이 작동하지 않는 이유는 무엇입니까?

Question

데모 : [http://everythinghomegrown.com/] 어떤 이유

합니다 (봐 네 개의 배트맨의 이미지와 자신의 섹션을 사용자 정의), 배경 크기는 전환되지 않습니다. 대신 부드러운 전환없이 하나의 크기에서 다른 크기로 점프합니다.

---

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

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

왜 전환이 작동하지 않습니다? 크롬, 사파리 및 Firefox에서이 문제가 발생합니다.

Answer 1

해결되었습니다. 나는 배경-size 속성에 두 번째 값을 추가하여 문제를 해결

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