일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- jquery
- 사이트제작
- CGIMALL
- #이미지
- happycgi
- #뉴스
- #업종별
- #happycgi
- #동영상
- #image
- #홈페이지
- php
- 해피CGI
- #해피CGI
- #홈페이지제작
- #cgimall
- 해피씨지아이
- 홈페이지제작
- CSS
- #솔루션
- #쇼핑몰
- javascript
- #웹솔루션
- 웹솔루션
- 게시판
- 솔루션
- 홈페이지
- #CSS
- 이미지
- #jQuery
- Today
- Total
목록2025/07 (32)
웹솔루션개발 25년 노하우! 해피CGI의 모든것

슬라이드 버튼을 클릭하면 이미지와 텍스트가 변경되는 3D 느낌의 이미지 슬라이드입니다.이미지를 변경하여 다양하게 응용 가능합니다.HTML 구조 https://devloop01.github.io/voyage-slider/images/scotland-mountains.jpg" alt="Image 1" /> https: //devloop01.github.io/voyage-slider/images/scotland-mountains.jpg); --dir: 0;" data-current=""> https://devloop01.github.io/voyage-slider/images/machu-pichu.jpg" alt="Image 2" /> https: //devloop01.g..

마우스 움직임에 따라 투명한 카드와 백그라운드가 움직이는 애니메이션 효과입니다.응용하여 다양하게 활용 가능합니다.HTML 구조 https://assets.codepen.io/721952/whiteNoise2.png" /> https://assets.codepen.io/721952/whiteNoise.png" /> ... CSS 소스@import url('https://fonts.googleapis.com/css..

gif 에 위처럼 재생 버튼을 만들어 주는 jquery 입니다. 다시 누르면 재생을 멈춥니다.사용 방법은 간단합니다. 이미지에 클래스를 넣어주고 해당 클래스에 gifplayer 를 적용하는 식으로 활용해도 됩니다.꼭 gif 외에도mp4 와 webm 도 지원하니 참고 하시기 바랍니다.

이미지를 업로드 후 지우고 싶은 부분을 색칠 후 아래 Remove Objects 를 누르면 지워주는 사이트 입니다.위의 이미지로 테스트 해보니 이렇게 깜쪽 같이 삭제 되었습니다.요즘 휴대폰 에서도 해당 기능 활용이 가능하지만, 간편히 웹에서도 사용해 보시기 바랍니다.

정보섹션을 카드 형태로 보여주고, 좌우로 넘기며 탐색할 수 있는 인터랙티브한 캐러셀 UI 예제입니다.Flexbox와 CSS Transform을 활용해 가로로 스크롤 가능한 카드 캐러셀을 구현하며, 각 카드는 이미지와 정보를 담고 있습니다. 사용자는 마우스 드래그나 스크롤로 부드럽게 카드를 넘길 수 있고, CSS Transition과 3D Transform 효과로 카드에 입체적인 움직임과 깊이감을 더해 시각적으로 매력적인 인터랙션을 제공합니다. 카드 각각은 이미지, 제목, 설명 텍스트로 구성되어 정보 전달과 디자인 모두를 만족시키며, 순수 CSS와 약간의 JavaScript로 제작되어 웹에서 가볍고 매끄럽게 작동합니다. 이 예제는 포트폴리오나 정보성 웹사이트에 활용하기 좋으며, Flexbox의 레이아웃 능..

간편 홈페이지 제작 웹솔루션쇼핑몰01, 법률상담, 치과, 학원 스킨 리뉴얼안녕하세요 해피CGI 입니다. 간편 홈페이지 쇼핑몰01, 법률상담, 치과, 학원 스킨이 새롭게 리뉴얼 되었습니다. 자세한 사항은 아래의 링크를 클릭하여 상품상세화면 및 사용자화면, 관리자모드를 참조해주시기 바랍니다. 더욱 좋은 기능과 서비스로 보답하겠습니다. 감사합니다. 쇼핑몰01법률상담치과학원

안녕하세요 해피CGI 입니다. 간편 홈페이지 제작 웹솔루션이 Ver3.5 으로 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다.

안녕하세요 해피CGI 입니다. 해피 업체정보소개 웹솔루션 Ver6.2 스킨 B 홈페이지가 출시되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 해피 업체정보소개 솔루션 Ver6.2 스킨 B 오렌지 해피 업체정보소개 솔루션 Ver6.2 스킨 B 블루

안녕하세요 해피CGI 입니다.임대형 해피 인터넷뉴스 웹솔루션 Ver3.6으로 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다. 임대형 해피 인터넷뉴스 웹솔루션 스킨 A (미니홈 내장) 임대형 해피 인터넷뉴스 웹솔루션 스킨 B (미니홈 내장) 임대형 해피 인터넷뉴스 웹솔루션 스킨 C (미니홈 내장) 임대형 해피 인터넷뉴스 웹솔루션 스킨 D (미니홈 내장) 임대형 해피 인터넷뉴스 웹솔루션 스킨 E (미니홈 내장) 임대형 해피 인터넷뉴스 웹솔루션 스킨 F (미니홈 내장)

안녕하세요 해피CGI 입니다.해피 인터넷뉴스 웹솔루션 Ver3.6으로 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다. 해피 인터넷뉴스 웹솔루션 스킨 A (미니홈 비내장) 해피 인터넷뉴스 웹솔루션 스킨 A (미니홈 내장) 해피 인터넷뉴스 웹솔루션 스킨 B (미니홈 비내장) 해피 인터넷뉴스 웹솔루션 스킨 B (미니홈 내장) 해피 인터넷뉴스 웹솔루션 스킨 C (미니홈 비내장) 해피 인터넷뉴스 웹솔루션 스킨 C (미니홈 내장) 해피 인터넷뉴스 웹솔루션 스킨 D (미니홈 비내장) 해피 인터넷뉴스 웹솔루션 스킨 D (미니홈 내장) 해피 인터넷뉴스 웹솔루션 스킨 E (미니홈 비내장) 해피 인터넷뉴스 웹솔루션 스킨 E (미니홈 내장) 해피 인터넷뉴스 웹솔루션 스킨 F..