웹솔루션개발 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 스타일입니다.

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







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




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

 

 

홈페이지바로가기  

Comments