2013-04-30 2 views
0

나는 오늘 크롬에서 흥미로운 것을 만났다. 두 개의 배경 이미지 사이를 전환하도록 전환 설정을했는데 작동하지만 재미있는 결과가 있습니다. 나는 문제를 설명하기 위해 펜을했다 : 내가 달성하기 위해 노력했다 잘 맞는 일이이상한 CSS 배경 이미지 전환이 왜 발생합니까?

http://codepen.io/anon/pen/LmkJG

,하지만 이런 일이 왜 모르겠어요. 누군가가 나에게 설명 할 수 있다면 행복 할 것이다.

+0

"흥미로운 결과"가 무엇인지 설명하고 질문에 일부 코드가 포함되어있어 링크가 죽어 버리면 사람들에게 여전히 유용 할 것입니다. – mutex

+0

좋아, 이미지가 다음 이미지로 바뀌면서 폭발하는 것처럼 보입니다. 지금 크롬에서만 발생합니다. 코드는 길지만 기본적으로 작은 배경에서 큰 배경으로 전환됩니다. – TorranceScott

답변

1

내 가정은 두 개의 배경 이미지 크기 사이에 전환을 적용한다는 것입니다. 하나의 배경 이미지가 다른 이미지보다 크기 때문에 하나의 이미지를 다른 이미지의 크기로 변환하면서 동시에 페이드 아웃합니다.

이미지의 높이/너비가 변하지 않도록하려면 두 이미지를 같은 크기로 만드십시오.

+0

좋은 지적입니다. 나는 네가 옳다고 기대한다. 나는 효과를 좋아한다. 그래서 나는 그것을 지킬 것이지만, 해결 방법에 대해 감사 할 것이다. – TorranceScott