css transition 배경이미지 확대
본문
안녕하세요.
아래와 같이 div mouse hover 시 배경이미지를 확대하는 transition을 줬습니다. 크롬에서는 정상 작동합니다. 하지만, 익스플로러에서는 transition이 안되네요. html 구조를 바꾸지 않고 해결하는 방법을 못찾겠네요...
조언 부탁드려도 될까요?ㅠ
<style>
.inbox {
width:100%;
height:120px;
border-radius: 3px 3px 3px 0;
background-position: center;
background-size:100%;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.outbox:hover .inbox {
background-size: 150%;
}
</style>
<div class="outbox">
<div class="inbox" style="background-image:url(....);"></div>
</div>
답변을 작성하시기 전에 로그인 해주세요.