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

[해피CGI][cgimall] jQuery와 CSS 로 만든 3D 커튼 효과 (3D Curtain Template) 본문

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

[해피CGI][cgimall] jQuery와 CSS 로 만든 3D 커튼 효과 (3D Curtain Template)

해피CGI윤실장 2017. 6. 29. 09:24

css와 jQuery를 이용하여 양쪽의 블록이 열리고 닫히는 효과(커튼효과)입니다.






HTML형태로 기본구조를 구성합니다. section 태그와 div태그를 이용하여 단락 및 구조를 구성합니다.







아래는 커튼효과에 사용되는 각종 css 스타일입니다.

모든 소스 및 데모체험은 해당사이트에서 확인 및 다운로드가 가능합니다.







데모화면과 같이 좌우의 블록이 커튼효과와 함께. 다음 내용이 보여집니다.




원페이지형태의 사이트를 보다.. 다이나믹한 효과로 만들수 있습니다.

 

 

홈페이지바로가기  

저작자표시

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

[해피CGI][cgimall] 반응형 테이블  (0) 2017.06.30
[해피CGI][cgimall] 반흥형 멀티 레벨 메뉴  (0) 2017.06.29
[해피CGI][cgimall] HTML 편집 기능 및 자동 완성의 기능이 있는 플러그인  (0) 2017.06.29
[해피CGI][cgimall] 이미지의 중앙영역이 분할되는 hover 효과  (0) 2017.06.27
[해피CGI][cgimall] 다양한 효과의 숫자를 카운팅하는 jQuery animateNumber  (0) 2017.06.23
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments