Here is a compilation of 47 jaw-dropping CSS3 animation demos. They demonstrate the possibilities of the CSS3 transform and transition property. Some are very useful and can be used as Javascript alternatives. Most of them are simply to look cool. In order to veiw these effects, you need a webkit browser such as Safari and Chrome (sorry to the Internet Explorer users). Enjoy!
CSS3의 놀라운 기능들을 모아봤습니다. 자바스크립트를 사용하지 않고도 그와 비슷한 효과들을 낼 수 있게 되었습니다.앞으로 나올 HTML5와 CSS3는 앞으로의 웹환경에 많은 변화를 줄것 으로 예상됩니다 ^_^ 저희 같은 웹디자이너나 개발자분들은 부담반 기대반의 마음입니다. 아래의 CSS3의 기능을 보시려면 사파리나,크롬같은 브라우져는 100%로 지원된다고 합니다. 파이어폭스나 익스플로어로는 안보이실 수도 있어요.
Turning Coke Can (Control With Scrollbar)
CSS3 Clock With jQuery
Analogue Clock
3D Cube That Rotates Using Arrow Keys
Multiple 3D Cubes (Slide In/Out)
CSS3 Accordion
Auto-Scrolling Parallax
Isocube
'● HTML5, CSS3 그외 코딩' 카테고리의 다른 글
| [디자인] CSS3, 놀라운 CSS3의 기능들. (1) | 2010/02/07 |
|---|
댓글을 달아 주세요
这是有趣的，我已经共享在Facebook和Twitter的URL。