[해피CGI][cgimall] Responsive Flip Pricing Table 반응형 플립 가격표

Link

Tags more

관리 메뉴

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

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

해피CGI윤실장 2026. 8. 20. 09:05

3D 카드 뒤집기(Flip Card) 효과를 이용한 가격표 UI입니다.
사용자가 카드를 클릭하거나 호버하면 앞면에서 뒷면으로 180° 회전하며 추가 정보를 보여주는 방식입니다.

상단 월간 년간 라디오 버튼을 클릭하면 플립 애니메이션 효과와 함께 가격표가 전환됩니다.

애니메이션 css 소스입니다.(일부)

애니메이션 js 소스입니다.(일부)

첨부파일을 다운로드 받으시거나 해당 사이트에서 html,css,js 전체 소스를 확인할수 있습니다.

[해피CGI][cgimall] Bootstrap용 원형 다이얼 시간 선택기 플러그인 - jQuery bsTimepicker (0)	2026.07.27
[해피CGI][cgimall] jQuery 360도 상품 이미지 회전 뷰어 플러그인 Turntable.js (0)	2026.07.24
[해피CGI][cgimall] Tiptap - Notion 스타일 에디터 제작이 가능한 최신 JavaScript 에디터 라이브러리 (0)	2026.07.16
[해피CGI][cgimall] Floating UI - 최신 Tooltip / Popover 위치 제어 JavaScript 라이브러리 (0)	2026.07.08
[해피CGI][cgimall] pencere – 이미지·동영상·아이프레임 지원 접근성 갤러리 라이트박스 (0)	2026.06.22

공유하기 링크

'웹프로그램밍 자료실/JAVA 자료' Related Articles

Comments