CSS로 만든 3D입체 이미지
Publisher/CSS / 2009. 12. 31. 13:11
오늘자 ajaxian을 보다가 굉장한 CSS 애니메이션을 보게되서 함 분석해 봅니다.
이미지 3개와 background-position프로퍼티와 :hover 가상클래스를 사용하여 3D입체 이미지를 구현했군요~
고생꽤나했을듯~ ㅠ.,ㅠ; 이런거 보면 대단하다 보다는 고생이 먼저 떠오르는 이유는 뭘까요?
사용한 이미지
 |
 |
 |
사용된소스 : 원본
원본소스다운로드 :
test.rar
이미지 하나에 background-position을 이용한 애니메이션
위 영역에 마우스를 올려보세요 ^^
이전에 포스팅한 CSS Sprites에서도 언급한 CSS background-position을 이용한 애니메이션입니다
사용된 이미지
소스
'Publisher > CSS' 카테고리의 다른 글
| 지금 바로 쓸수 있는 CSS3 (0) | 2010.03.07 |
|---|---|
| Firefox에서 링크 점선 없애기 (2) | 2010.03.06 |
| CSS 이용한 Text를 이미지로 대체하기 (3) | 2009.11.16 |
| CSS Float속성의 모든것 (All About Floats) (18) | 2009.11.07 |
| 화면전체 배경이미지인 웹사이트 만들기 (0) | 2009.11.04 |