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

그림자로 만든 image를 받을 수 있어요. 상업적으로 사용도 가능합니다.

안녕하세요 해피CGI 입니다.해피 모임/모집 솔루션 Ver1.4으로업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.

안녕하세요 해피CGI 입니다.해피 콘텐츠샵 솔루션 Ver2.2으로업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.    해피 콘텐츠샵 솔루션 A Ver2.2  해피 콘텐츠샵 솔루션 B Ver2.2

GSAP 이용한 텍스트 효과입니다. 스크롤, 호버 시 효과가 각각 다르며 메인 페이지 등등 사이트에 동적인 효과를 주기 좋습니다.  HTML 구조  TEXT EFFECTWOAH  GSAPAND CLIPPING  CRAZYYYCRAZYYY HOVER ON MEhttps://stacksorted.com/text-effects/minh-pham" target="_blank" rel="noopener">SOURCE LIKE THIS?https://twitter.com/juxtopposed" target="_blank" rel="noopener">LET'S CONNECT CSS 소스body {  margin: 0;  padding: 0;  font-family: 'Poppins', sans-serif;  back..

HTML, CSS, JS를 이용한 백그라운드 효과입니다. 시간에 따라 배경의 색상, 명도 등이 계속 바뀌어 동적인 효과를 줄 수 있습니다.HTML 구조        serenity  #ifdef GL_ESprecision highp float;#endif uniform float uTime;uniform float uSpeedColor;uniform vec2 uResolution;  uniform vec3 uColor1;uniform vec3 uColor2;uniform vec3 uColor3;uniform vec3 uColor4;uniform vec3 uColor5; const int AMOUNT = 2;const float scale = 2.0;   vec3 blendExclusion(vec3 bas..

안녕하세요 해피CGI 입니다.해피 소셜마켓 솔루션 Ver1.4으로업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.

안녕하세요 해피CGI 입니다.해피 도매몰(B2B형) 솔루션 Ver2.0으로업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.        해피 도매몰(B2B형) 솔루션 A Ver2.0  해피 도매몰(B2B형) 솔루션 B Ver2.0

글자색, 배경색에 투명도를 주고 싶을때 보통 rgba컬러를 사용하거나 opactiy를 사용한다.검정색을  50%컬러를 주고싶을때 보통[방법1]color: rgba(0,0,0,0.5);[방법2]color:#000000;opacity:0.5;이 2가지 방법외 hex 컬러에 투명도를 적용하는 다른방법이 있습니다.hex컬러는 hex6, hex8이 존재하는데 hex6은 6자리를 두자리씩 끊어서 빨강, 초록, 파랑을 표현한다.#FFFFFF#FFFFFFFF만약 우리가 투명도를 적용할 컬러가 hex8인 경우, hex8의 마지막 2자리만 투명도에 해당하는 hex코드로 변경하면 된다.#FFFFFFFF -> (투명도 15% 적용) ->  #FFFFFF26투명도를 적용한 컬러가 hex6라면 어떻게 해야할까?이 경우, 투명도에..

인풋박스 선택시 아래와 같이 변경됩니다.css로 제작되어 있어 쉽게 수정이 가능합니다.첨부된 파일을 다운로드 받으면 html 과  css 전체 소스를 확인할 수 있습니다.

마우스 오버시 아이콘모양과 색상이 변경됩니다.css만으로 간단하게 에니메이션 효과를 구현할 수 있습니다.첨부된 파일을 다운로드 받으면 해당 소스를 직접 확인할 수 있습니다.