| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
Tags
- php
- 웹솔루션
- #업종별
- #jQuery
- 게시판
- jquery
- 홈페이지
- #happycgi
- 홈페이지제작
- CSS
- #이미지
- 솔루션
- #동영상
- #쇼핑몰
- #CSS
- #웹솔루션
- javascript
- #image
- happycgi
- 사이트제작
- #해피CGI
- 이미지
- #홈페이지제작
- #솔루션
- CGIMALL
- #뉴스
- #cgimall
- #홈페이지
- 해피CGI
- 해피씨지아이
- Today
- Total
목록2025/07/25 (1)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Space Facts Card Carousel
정보섹션을 카드 형태로 보여주고, 좌우로 넘기며 탐색할 수 있는 인터랙티브한 캐러셀 UI 예제입니다.Flexbox와 CSS Transform을 활용해 가로로 스크롤 가능한 카드 캐러셀을 구현하며, 각 카드는 이미지와 정보를 담고 있습니다. 사용자는 마우스 드래그나 스크롤로 부드럽게 카드를 넘길 수 있고, CSS Transition과 3D Transform 효과로 카드에 입체적인 움직임과 깊이감을 더해 시각적으로 매력적인 인터랙션을 제공합니다. 카드 각각은 이미지, 제목, 설명 텍스트로 구성되어 정보 전달과 디자인 모두를 만족시키며, 순수 CSS와 약간의 JavaScript로 제작되어 웹에서 가볍고 매끄럽게 작동합니다. 이 예제는 포트폴리오나 정보성 웹사이트에 활용하기 좋으며, Flexbox의 레이아웃 능..
웹프로그램밍 자료실/HTML 자료
2025. 7. 25. 09:16