유지아빠가 살아가는 세상

CSS3의 속성 중 가장 인상적인 것이 animation 속성과 transition 속성입니다. 이 속성을 이용하면 자바스크립트를 사용하지 않더라도, 아주 멋있는 애니메이션을 만들 수 있습니다. 지금 여기 소개하는 웹 페이지도 CSS3 의 animation 속성과 transition 속성을 이용해서 만든 결과 물인데, 상당히 인상적인 효과를 줄 수 있습니다. 자바스트립트를 사용하지 않기 때문에 브라우저에 무리가 없으며, 브라우저에서 자바스크립트를 비활성화 하더라도 작동하기 때문입니다. 다만 해당 속성이 제대로 작동하기 위해선 CSS3를 완벽하게 지원하는 브라우저가 필요합니다. IE 계열은 IE10이 유일하게 CSS3 속성을 전부 지원합니다. 하지만 파이어폭스 및 크롬 및 사파리인 경우 최신 버전만 설치하..

web designer wall에 있는 article을 기반으로 작성하였습니다. 따라서 이 article에 소개된 예제의 저작권은 web designer wall 에 있습니다. CSS3 기능 중에서 가장 놀라운 기능 중 하나가 CSS3 애니메이션 속성입니다. 하지만 CSS3 애니메이션은 최신 버전의 IE9에서도 지원하지 않습니다. 이 페이지에 있는 예제들은 사파리 또는 구글 크롬과 같은 webkit 계열 브라우저에서 완벽하게 지원합니다.