| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- #해피CGI
- 홈페이지제작
- #홈페이지제작
- 솔루션
- #image
- 웹솔루션
- #happycgi
- javascript
- #솔루션
- #cgimall
- 이미지
- #동영상
- #jQuery
- jquery
- #쇼핑몰
- 게시판
- 홈페이지
- CGIMALL
- php
- CSS
- #홈페이지
- 해피씨지아이
- happycgi
- 해피CGI
- #CSS
- #웹솔루션
- #이미지
- 사이트제작
- #뉴스
- #업종별
- Today
- Total
목록2026/07/21 (1)
웹솔루션개발 26년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 반응형 확장 이미지 카드
이미지 카드에 마우스를 올렸을 때 해당 카드가 넓게 확장되며 강조되는 반응형 카드 UI 예제입니다.기본 상태에서는 여러 이미지가 동일한 비율로 나열되고, 선택한 카드에 마우스를 올리면 카드가 자연스럽게 커지면서 이미지가 컬러로 전환되고 확대됩니다.카드 중앙에는 제목이 표시되며, 마우스 오버 시 설명 문구가 함께 나타나 콘텐츠 정보를 직관적으로 전달할 수 있습니다.별도의 자바스크립트 없이 HTML과 CSS만으로 구성되어 적용이 비교적 간단하며, 이미지 갤러리, 포트폴리오, 여행지 소개, 상품 이미지, 브랜드 비주얼 영역 등에 활용하기 좋습니다. HTML 구조 a href="https://picsum.photos/id/1015/800/600" target="_blank" rel="noopener..
웹프로그램밍 자료실/기타 자료
2026. 7. 21. 09:07