css ie 전용 필터효과 호환성 질문
본문
<div style="width:1;white-space:nowrap;display:none;
filter:progid:DXImageTransform.Microsoft.Fade(duration=0.5,overlap=1.0);" >
filter:progid:DXImageTransform.Microsoft.Fade(duration=0.5,overlap=1.0);
여기서 이 부분인데요
오래전에 코딩된 부분인데 이 부분을 크롬에서도 되게 호환되게 할려면 어떻게 바꿔야 할까요?
답변 2
업로드하신 코드와 같은 fade, blur 등의 애니메이션은 CSS3에서 transition으로 사용됩니다.
transition은 애니메이션으로 속성값을 변하게 하며, 효과의 지속시간이나 지연 등을 조정할 수 있습니다.
transform(변형)으로는 XY축으로의 이동, 확대/축소, 회전 등의 효과를 줄 수 있습니다.
transition과 같이 이용하면 자연스러운 애니메이션을 구현할 수 있으니 참고해보시면 좋을 듯합니다.
css 애니메이션 transform transition 찾아보세요
답변을 작성하시기 전에 로그인 해주세요.