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

안녕하세요 해피CGI 입니다.해피 여행사 솔루션 Ver3.2로업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.             해피 여행사 솔루션 Ver3.1 [단독형] 해피 여행사 솔루션 Ver3.1 [입점형]   더욱 강력한 기능으로 보답하겠습니다.감사합니다.

jR3DCarousel은 다양한 3D 효과가 있는 이미지 배열을 순환하는간단한 방법을 제공하는 jQuery 반응형 캐러셀 플러그인입니다.아래와 같은 기능이 있습니다.다운로드 받은 파일의 압축을 해제한 뒤index.html 파일의 소스에서,이미지의 경로를 존재하는 이미지의 경로로 조절을 해야 확인이 가능합니다.이미지의 경로를 조절하는 것은 HTML 태그를 조금 아시는 분이라면 별로 어렵진 않겠네요.위 소스에서 이미지의 경로를 조절하시면 됩니다.좌우에 표시되는 화살표를 눌러보면,이미지가 변경되는 효과를 보실수 있습니다.이미지 슬라이더가 작동하는게주사위가 돌아가는 것과 비슷하게 움직이네요사용방법은 아래와 같습니다.

카드에 마우스 오버시 sns 링크와 정보 영역이 젤리효과 에니메이션과 함께 출력됩니다.svg 를 이용하여 곡선을 만듭니다.css 로 에니메이션 효과를 구현합니다.cubic-bezier 을 이용하여 곡선을 제어합니다.

진행바의 끝 부분이 빛나는 효과가 있습니다.배경이 어두운 영역에 사용하기에 좋습니다.css 로 제작되어 커스터마이징이 용이합니다. css 로 구현되어 있습니다.로딩시 진행바가 이동하는 에니메이션이 존재합니다.

HTML 구조  CSS 소스//Vars :root {  --rad: .7rem;  --dur: .3s;  --color-dark: #2f2f2f;  --color-light: #fff;  --color-brand: #57bd84;  --font-fam: 'Lato', sans-serif;  --height: 5rem;  --btn-width: 6rem;  --bez: cubic-bezier(0, 0, 0.43, 1.49);} // Setupbody {background: var(--color-dark); display: flex; align-items: center; justify-content: center; min-height: 100vh }html { box-sizing: border-box; he..

HTML 구조                    class="absolute h-10 w-full bg-white rounded-lg shadow ease-out transition-transform transition-medium"        :style="{ transform: `translateY(calc(100% * ${selected}))` }"      >                                    type="button"            @click="select(0)"            :aria-selected="selected === 0"            class="py-2 px-3 w-full flex items-center focus:outline-n..

안녕하세요 해피CGI 입니다.해피 집방 솔루션 Ver1.6로업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.      해피 집방 솔루션(미니홈 비내장 + 내 주변검색 모바일 미포함 ) 해피 집방 솔루션(미니홈 비내장 + 내 주변검색 모바일 포함 ) 해피 집방 솔루션(미니홈 내장 + 내 주변검색 모바일 미포함 ) 해피 집방 솔루션(미니홈 내장 + 내 주변검색 모바일 포함 )  더욱 강력한 기능으로 보답하겠습니다.감사합니다.

안녕하세요 해피CGI 입니다. 해피 커뮤니티 솔루션 Ver3.3 홈페이지가 업그레이드 되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.  해피 커뮤니티 솔루션 (미니홈 비내장) 해피 커뮤니티 솔루션 (미니홈 내장)  더욱 강력한 기능으로 보답하겠습니다.감사합니다.

안녕하세요 해피CGI 입니다. 해피 체험단모집 솔루션 Ver4.1 홈페이지가 업그레이드 되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.   해피 체험단모집 A 솔루션 Ver4.1 해피 체험단모집 B 솔루션 Ver4.1  더욱 강력한 기능으로 보답하겠습니다.감사합니다.

안녕하세요 해피CGI 입니다.해피 재능마켓 솔루션 Ver2.7으로 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.  해피 재능마켓 솔루션 A Ver 2.7 해피 재능마켓 솔루션 B Ver 2.7  더욱 강력한 기능으로 보답하겠습니다.감사합니다.