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

영상 이나 PPT 에서 배경 음악등이 필요할때저작권 신경쓸 필요 없이 AI 에서 만들어 달라고 할수 있는 사이트가 있어 소개해 드립니다.사이트 로그인하고(전 구글 아이디로 로그인했습니다.) 프롬프트에 만들고 싶은 내용을 치면 됩니다.또는 참고 이미지, 참고할 오디오를 첨부할 수도 있습니다.그럼 생성 되고, 얼마 후 몇곡이 나타납니다.다운로드도 가능하니 다운로드 받으시면 됩니다.근데 무료 플랜은월 4곡 다운로드 가능합니다.자주 사용하지 않는다면, 무료 플랜으로도 충분할 것 같습니다.

카운터가 올라가는 애니메이션을 만들어주는 js 입니다.가입자 수, 판매 수 등을 노출할때 아주 좋은 JS 입니다.targetID 에 노출할 곳의 아이디를 넣고 5234 는 최종 올라갈 수 입니다.이렇게만 하셔도 되며,다양한 옵션이 있으니 옵션도 사용해 보시기 바랍니다.위 옵션을 번역한 내용입니다. 참고하세요~

vmSwipe는 구성 가능한 모멘텀 스크롤 효과로블록 요소 그룹을 스크롤하는 데 사용되는 최소 jQuery 스와이퍼 플러그인입니다.  플러그인은 양방향(수평 및 수직)을 지원하며 모바일(터치 스와이프)과 데스크톱(마우스 드래그) 모두에서 작동합니다.jQuery UI 드래그 가능한 위젯이 필요하지 않습니다.다운로드 받은 파일의 압축을 해제한 뒤demo/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.화면에 표시되는 그림을좌우만, 상하만, 좌우상하 모두 스크롤 하는 효과를 줄수 있습니다.사용법은 아래와 같습니다.

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

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..

글자색, 배경색에 투명도를 주고 싶을때 보통 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만으로 간단하게 에니메이션 효과를 구현할 수 있습니다.첨부된 파일을 다운로드 받으면 해당 소스를 직접 확인할 수 있습니다.

상업적으로 이용이 가능한 로그인 없이 무료로 영상을 다운로드할 수 있으며,샘플 영상이 필요하거나 다양한 동영상이 필요할 때 사용하기 편한 사이트입니다.상단 검색에서 필요한 영상의 키워드를 입력하면 해당 키워드에 맞춰 적합한 영상이 나옵니다.검색한 동영상에 마우스를 올리면 미리보기가 가능하며 시간 등 정보가 나옵니다.해당 영상을 다운로드 하실려면 리스트의 영상을 클릭하여 상세페이지에 접근을 하시면 됩니다.Download Free 버튼을 클릭하면 mp4파일로 다운로드 받을 수 있습니다.또한, 밑으로 스크롤 시 해당 영상의 비율, 시간 등 확인할 수 있습니다.