블로그 이미지

카테고리

데꾸벅 (194)
Publisher (39)
Scripter (97)
Programmer (1)
Designer (30)
Integrator (18)
Pattern Searcher (4)
News (2)
강좌 및 번역 (3)

최근에 달린 댓글

'CSS Sprites'에 해당되는 글 1건

  1. 2009.12.31 CSS로 만든 3D입체 이미지 (6)


오늘자 ajaxian을 보다가 굉장한 CSS 애니메이션을 보게되서 함 분석해 봅니다.
이미지 3개와 background-position프로퍼티와 :hover 가상클래스를 사용하여 3D입체 이미지를 구현했군요~
고생꽤나했을듯~ ㅠ.,ㅠ;   이런거 보면 대단하다 보다는 고생이 먼저 떠오르는 이유는 뭘까요?


사용한 이미지

사용된소스 : 원본



 
 
 
 
 
 
 
 
 
 
 

	
  
원본소스다운로드 : 





이미지 하나에 background-position을 이용한 애니메이션

위 영역에 마우스를 올려보세요 ^^ 
이전에 포스팅한 CSS Sprites에서도 언급한 CSS background-position을 이용한 애니메이션입니다


사용된 이미지

소스






Post by 넥스트리소프트 데꾸벅(techbug)

댓글을 달아 주세요

  1. 2010.01.05 17:51 신고 행복한아빠  댓글주소  수정/삭제  댓글쓰기

    대단합니다. 우리도 있는 기술 따라하지만 말고 상상력을 많이 발휘해야 할 것 같네요.

  2. 2010.01.05 19:55 블레싱  댓글주소  수정/삭제  댓글쓰기

    좋은 내용 감사합니다.

  3. 2010.01.08 22:54 신고 열매맺는나무  댓글주소  수정/삭제  댓글쓰기

    대단하군요! 저도 해보고 싶지만 워낙 문외한이라 감탄만 하고 갑니다.
    새해 복 많이 받으시고 건강하세요. ^^

  4. 2010.01.12 00:24 신고 manijang2  댓글주소  수정/삭제  댓글쓰기

    대박이네요.. ^^

  5. 2010.02.02 11:13 Rhio.kim  댓글주소  수정/삭제  댓글쓰기

    멋지네요.

  6. 2013.01.26 03:26 신고 주한길  댓글주소  수정/삭제  댓글쓰기

    좋은글 출처를 표시하고 블로그에 담아갑니다. ^^