애니빌드.LAB
토론방
소스관련 슬라이드 효과(transform) 관련 질문드립니다.
- c**fe6
- 2018-05-29 16:06:54
- hit3376
- http://lab.anybuild.co.kr/bbs/qna/7024
안녕하세요.
해당 홈페이지 메인 슬라이드에 이미지가 바꿀때 이미지가 조금 축소되는 느낌을 구현하려고
애니메이션 효과를 적용하고 다음과 같은 transform 효과를 사용했는데요.

크롬에서는 문제가 없는데 -ms-transform:scale(1.1); 을 사용했는데도 불구하고
익스플로러에서는 scale효과 적용시 자꾸 버벅거리는 느낌이 있어서요..
이 문제를 해결하려고 여기저기 찾아봐도 특별한 대책을 찾지 못해서
혹시나 이쪽에 문의드려봅니다..
익스플로러에서 transform - scale 효과 실행시 버벅거리는 효과를 해결하려면
어떤 소스를 사용해야하나요..? 방법을 아신다면 자세한 설명 부탁드리겠습니다..!!
도와주세요 ㅠ 감사합니다!
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
- scale 이 동작하면서 중심이 흔들리는 것으로 보입니다.
- 해당 부분을 수정하기 위해서 다음과 같이 수정하였습니다.
(IE와 크롬은 소수점 계산시 미묘하게 다르게 동작합니다.)
@keyframes loadimg{
from{
top:-5%;
left:-5%;
width:110%;
height:110%;
}
to{
top:0;
left:0;
width:100%;
height:100%;
}
}