일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- #해피CGI
- CSS
- #이미지
- #업종별
- #솔루션
- 홈페이지
- #happycgi
- 쇼핑몰
- #jQuery
- happycgi
- #CSS
- 게시판
- #뉴스
- #홈페이지제작
- 솔루션
- 사이트제작
- 해피씨지아이
- php
- #cgimall
- jquery
- javascript
- #웹솔루션
- 홈페이지제작
- CGIMALL
- 해피CGI
- #동영상
- #image
- #쇼핑몰
- #홈페이지
- 웹솔루션
- Today
- Total
목록#해피CGI (1226)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
자바스크립트와 CSS를 이용하여 제작된 아코디언 메뉴 Accordion Tab입니다. 기본적으로 HTML로 구성하고, 자바스크립트 + CSS로 제작되었습니다. 애니메이션의 속도 및 디자인은 CSS로 조절이 가능합니다. 개수제한없이 html 편집에 따라서 조절이 가능합니다. 서브 메뉴나, 액션을 가미한 설명에 사용이 가능한 소스네요
background css를 사용하여 웹페이지 내에서 손전등을 비추어 보는 듯한 효과를 만들어 볼 수 있습니다. background로 원형의 그라디언트를 주어 손전등을 비춘것 처럼 보이게 하였으며, 마우스 커서를 따라 움직이도록 스크립트 소스가 사용되었습니다. [주요 background css] background: radial-gradient( circle 10vmax at var(--cursorX) var(--cursorY), rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 80%, rgba(0,0,0,.95) 100% ) → 10vmax 의 숫자를 조정하면 손전등 빛의 크기를 조절 할 수 있습니다. → 색상의 투명도나 색상코드를 변경하시면 검은색 말고도 다양한 색상으로 변경해보실 수 있습..
마우스 오버시 수평 또는 수직으로 카드가 뒤집어집니다.
전체메뉴 아이콘을 클릭하면 좌측에서 기존 컨텐츠를 밀면서 출력이 됩니다.
:checked 를 이용하여 checkbox 의 선택 여부에 따라 각각의 스타일을 줄 수 있으며 이를 이용하여 to-do list를 만들어 볼 수 있습니다. [선택안된 체크박스 스타일] [선택된 체크박스 스타일] 사이트 또는 첨부파일을 다운 받아보시면 자세한 소스를 확인해보실 수 있습니다. 해당 소스를 이용하여 to-do list 뿐만아니라 일반 체크박스 스타일에도 응용 해볼 수 있습니다.
RTOP는 웹 페이지에서 HTML5 비디오를 재생하는 썸네일이있는 웹 기반의 다중 기능 jQuery 비디오 플레이어입니다. 플러그인은 플레이어의 인터페이스를 포함하여 플레이어를 완전히 구성하고 아이콘을 제어합니다. 또한 GTM 을 추가하여 동영상을 추적 할 수도 있습니다 . 사용자는 인터페이스를 통해 재생, 일시 중지, 앞으로 및 볼륨 제어를 할 수 있습니다. 라이센스는 MIT 입니다. 사용법 안내 합니다. 1.라이브러리를 호출 하세요. 2. 컨텐츠를 구성하세요. 3. 플러그인을 호출 하세요. 이벤트와 옵션은 아래의 사이트에서 확인 가능 합니다. https://redtettemer.github.io/rtop-video-player/ 많은 기능을 지원하는건 아니지만 심플하게 사용하기에는 괜찮은 플레이어 같..
NiVO 슬라이더를 소개 합니다. 애니메이션 효과가 참 재미 있는 슬라이더 입니다. 사용방법 안내 드립니다. 1. 라이브러리를 호출하세요. 2. 컨텐츠를 구성하세요. 3. 플러그인을 호출 하세요. 4. 다양한 옵션과 이벤트를 걸고 싶다면 아래의 내용을 참고 하세요. 아래의 사용 가능한 effect 항목을 이용하여 다양한 방법으로 슬라이드를 표현할 수 있습니다. ( sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, random, slideInRight, slideInLeft, boxRandom, boxRain, boxRainReverse, boxRainGrow, boxRainGrowReverse )
안녕하세요 해피CGI 입니다. 해피 재능마켓 솔루션 모바일 Ver1.9 (B타입 장착옵션) 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.
안녕하세요 해피CGI 입니다. 해피 재능마켓 솔루션 B타입 Ver2.3 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.