Jon Combe씨는 HTML과 자바스크립트 그리고 CSS3의 회전 속성을 이용하여 위 두가지 모양의 시계는 만들었습니다. <canvas>또는 <svg>요소를 이용한 표현 수단으로만 가능했던 많은 것들이 일반 요소(<img>, <div>)들에 회전 속성을 정의하여 손쉽게 처리할 수 있게된 것입니다. 단, 최신 버전의 브라우저에서만 지원하는 점과 구현 과정에 놓여있는 명세이기 때문에 브라우저마다 별도의 처리를 필요로하는 번거로움이 따릅니다만, 미리 숙지해서 나쁠 건 없겠죠?
Comments
Got something to add? You can just leave a comment.
RT @firejune: CSS3의 회전 속성을 응용해 만든 시계 2종 http://firejune.com/1557
from twitter
근데 CPU점유율이 좀 올라가는듯 하네요..
reply edit
CSS3의 회전 속성을 이용한 시계입니다. IE 재생 안되니 파폭으로 보세요 ^^; http://bit.ly/bgBYkr
from Topsy
Your Reaction Time!