테스트 사이트 - 개발 중인 베타 버전입니다

css ie 전용 필터효과 호환성 질문 채택완료

백번째개발 4년 전 조회 1,828

 

<div style="width:1;white-space:nowrap;display:none;</p>

<p>filter:progid:DXImageTransform.Microsoft.Fade(duration=0.5,overlap=1.0);" >

 

filter:progid:DXImageTransform.Microsoft.Fade(duration=0.5,overlap=1.0);

 

여기서 이 부분인데요

 

오래전에 코딩된 부분인데 이 부분을 크롬에서도 되게 호환되게 할려면 어떻게 바꿔야 할까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
4년 전

업로드하신 코드와 같은 fade, blur 등의 애니메이션은 CSS3에서 transition으로 사용됩니다.

transition은 애니메이션으로 속성값을 변하게 하며, 효과의 지속시간이나 지연 등을 조정할 수 있습니다.

transform(변형)으로는 XY축으로의 이동, 확대/축소, 회전 등의 효과를 줄 수 있습니다.

transition과 같이 이용하면 자연스러운 애니메이션을 구현할 수 있으니 참고해보시면 좋을 듯합니다. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

css 애니메이션 transform transition 찾아보세요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인