토론방

소스관련 슬라이드 효과(transform) 관련 질문드립니다.

 

안녕하세요.

해당 홈페이지 메인 슬라이드에 이미지가 바꿀때 이미지가 조금 축소되는 느낌을 구현하려고

애니메이션 효과를 적용하고 다음과 같은 transform 효과를 사용했는데요.

 

크롬에서는 문제가 없는데  -ms-transform:scale(1.1); 을 사용했는데도 불구하고

익스플로러에서는 scale효과 적용시 자꾸 버벅거리는 느낌이 있어서요..

이 문제를 해결하려고 여기저기 찾아봐도 특별한 대책을 찾지 못해서

혹시나 이쪽에 문의드려봅니다..

익스플로러에서 transform - scale 효과 실행시 버벅거리는 효과를 해결하려면

어떤 소스를 사용해야하나요..? 방법을 아신다면 자세한 설명 부탁드리겠습니다..!!

도와주세요 ㅠ 감사합니다!

 

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 이**우 2018-05-30

    - scale 이 동작하면서 중심이 흔들리는 것으로 보입니다.

    - 해당 부분을 수정하기 위해서 다음과 같이 수정하였습니다.

    (IE와 크롬은 소수점 계산시 미묘하게 다르게 동작합니다.)

     

    @keyframes loadimg{
      from{
        top:-5%;
        left:-5%;
        width:110%;
        height:110%;
      }
      to{
        top:0;
        left:0;
        width:100%;
        height:100%;
      } 
    }  

댓글작성

열기 닫기

댓글작성
top