웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 이미지를 스티커처럼 떼어내는 효과 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] 이미지를 스티커처럼 떼어내는 효과

해피CGI윤실장 2017. 3. 31. 09:27

이미지, 또는 특정색상을 스티커를 떼어내는듯한 효과를 js와 css로 구현할 수 있습니다.
별도의 다운로드를 받을 필요는 없으며, 데모사이트내에서 직접 소스를 확인하며 활용해보시면 됩니다.



데모사이트에서 이미지 위에 마우스를 올리면 마우스를 따라 이미지가 접히게 됩니다. 바로 옆에 COLOR부분에서도
마찬가지의 효과를 보실 수 있습니다.



데모사이트 내에서 소스를 한눈에 확인할 수 있으며, 더 자세한 소스나 이미지가 필요하다면
상단의 Download on Github 버튼을 눌러 상세소스를 확인할 수 있습니다.






[ 상세소스화면 ]

각각의 파일명을 눌러 내용을 확인할 수 있습니다.


 

홈페이지바로가기 

저작자표시

'웹프로그램밍 자료실 > HTML 자료' 카테고리의 다른 글

[해피CGI][cgimall] 간단한 동영상 강의 부터 샘플 소스까지! css-tricks.com  (0) 2017.04.04
[해피CGI][cgimall] 파일업로드를 디자인 소스  (0) 2017.04.03
[해피CGI][cgimall] CSS Button Generator  (0) 2017.03.30
[해피CGI][cgimall] CSS로 간단하게 만드는 화살표  (0) 2017.03.29
[해피CGI][cgimall] 웹프로그래밍 디자인 참고할만한 사이트! basicuse  (0) 2017.03.28
공유하기 링크
'웹프로그램밍 자료실/HTML 자료' Related Articles more
Comments