반응형
블로그 이미지
개발자로서 현장에서 일하면서 새로 접하는 기술들이나 알게된 정보 등을 정리하기 위한 블로그입니다. 운 좋게 미국에서 큰 회사들의 프로젝트에서 컬설턴트로 일하고 있어서 새로운 기술들을 접할 기회가 많이 있습니다. 미국의 IT 프로젝트에서 사용되는 툴들에 대해 많은 분들과 정보를 공유하고 싶습니다.
솔웅

최근에 받은 트랙백

글 보관함

HTML5 CSS Transform (Google)

2012. 1. 26. 04:18 | Posted by 솔웅


Today I am going to introduce transform effect of CSS3.
just mouse over below box then it will rotate smoothly.

오늘 보실 효과는 css3의 transform 효과 입니다.
-webkit-transform 을 이용해서 구현하시면 됩니다.

이 기능은 인터넷 익스플로어와 오페라에서는 작동하지 않네요.

Google Chrome 16.0.912.75 m  - Working well (O)
Internet Explorer 9.0.8.112        - Not working (X)
Opera 11.60                            - Not working (X)
Safari 5.1.2                             - Working well (O)
FireFox 9.0.1                          - Working well (O)


HTML5 Presentation
CSS

Transforms

Hover over me:



You can download the Sample source code below.
아래 샘플 파일을 다운로드 받으세요.



See you again.

반응형

Comment