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

html, css를 사용해서 작동되는 팝업 디자인 입니다.자세한 내용은 데모를 확인해 주시기 바랍니다.HTMLPopup/Modal Windows without JavaScript Let me Pop up Here i am × Thank to pop me out of that button, but now i'm done so you can close this window. cssbody { padding-top:120px; font-family: Arial, sans-serif; background: url(http://www.shukatsu-note.com/wp-content/uploads/2014/12/computer-564136_1280.jpg) no-repeat; backg..

css 로 제작된 배경 애니메이션 입니다.역동적인 페이지 배경을 제작할때 유용해 보입니다.자세한 내용은 데모를 확인해 주시기 바랍니다.HTML Bubbles CSShtml, body { font-family: 'Dongle', sans-serif; margin: 0; padding: 0;} .text-container { z-index: 100; width: 100vw; height: 100vh; display: flex; position: absolute; top: 0; left: 0; justify-content: center; align-item..

Playground AI는 텍스트 프롬프트나 업로드 이미지로 고품질의 AI 생성 이미지를 만들 수 있는 웹 기반 플랫폼입니다. 직관적인 캔버스 스타일 인터페이스와 다양한 AI 모델 지원을 통해 누구나 쉽게 창의적인 이미지를 생성할 수 있습니다.https://playground.com/ 가입 및 로그인후에 Templates 메뉴에서 다양한 템플릿을 종류별로 확인이 가능하며,해당 템플릿을 통해 간단히 이미지를 생성이 가능 합니다.선택한 템플릿에서 프롬프트를 질의하여 수정이 가능합니다.직접 프롬프트를 입력하여 이미지 생성도 가능한데,무료로 제공되는 모델들을 선택해서 테스트를 해보시면 됩니다.생성된 이미지는 다운로드가 가능합니다.템플릿을 이용하지 않고 직접 간단하게 프롬프트를 적어서 생성을 해볼수도 있습니다.

구글이 개발한 텍스트 기반 비디오 생성 모델 Veo의 최신 버전인 Veo3 로, 2025년 5월에 발표되었습니다1080p 영상 생성과 함께, 대사, 환경음, 효과음 등 오디오를 영상에 완전히 동기화해 생성할 수 있는 최초의 모델입니다 https://veo-3.ai/ 유료 결제 이후 정상 사용이 가능 합니다.가입시에 20 크레딧을 제공 하지만, 20크레딧으로는 Veo3 모델을 이용할 수 없습니다.비디오 쇼케이스에서 생성된 다양한 동영상들을 확인 할 수 있습니다.https://veo-3.ai/ko/showcase 동영상을 생성하는 화면은 아래와 같이 구성되어 있으므로 쇼케이스 확인후 필요하신 경우 동영상 생성에 활용하시면 됩니다.

마이크로소프트의 웹과 모바일을 통해 간단한 영상 편집은 물론, AI 편집까지 가능한 clipchamp를 소개합니다.무료일 경우 워터마크 없이 1080P까지 지원하며 유료 프리미엄일경우 4K까지 지원합니다.윈도우 앱으로도 지원하니 편리하네요.주요 기능으로는 동영상 편집에 관한 대부분의 기본 기능은 지원하며,더불어 AI보조 기능을 통해 음성 자동 자막, 음성 소음 제거, 무음 구간 자동 삭제 등의 기능이 제공됩니다.clipchamp는 무료 1080P지원, 간편한 UI, 다양한 템플릿 제공 및 활요 등여러모로 좋아요. 무료 인데도 이정도면 정말 좋아요...

pixAI는 AI 애니메이션 팬아트, 초상화, 일러스트레이션 등 다양한 애니메이션 생성 AI 입니다.pixAI를 사용할려면 크레딧이 필요하며, 기본적으로 회원가입시 일부 무료 크레딧을 지급합니다.생성방법은 간단합니다. 다른 AI 생성 플랫폼 처럼프롬프트에 원하는 애니메이션에 대한 설명과 채봇을 활용해서 생성이 가능합니다.실사 이미지를 업로드한 후 생성도 가능합니다.요금제는 월 10달러 ~ 49.99달러까지 다양하며 크레딧과 일부 기능사용에 따라 차이가 생깁니다.나만의 애니메이션을 만들고 싶은 분이라면 적극 추천, 퀄리티가 아주 만족스럽습니다.

handsontable은 JavaScript, Angular, React, Vue.js를 위한 강력하고 유연하며 기능이 풍부한 Excel과 유사한 CRUD 데이터 그리드 /테이블 라이브러리입니다. 라이센스 : MIT # 주요 특징 - 데이터 필터링- 데이터 정렬- 데이터 포맷- 열 삽입/제거/편집/크기 조정- 세포 편집- 고정된 헤더 및 열- 사용자 정의 상황에 맞는 메뉴- 사용자 정의 드롭다운 메뉴- 접을 수 있는 기둥- CSV로 내보냅니다- 계산- 클립보드에 복사합니다- 키보드 탐색- 그리고 훨씬 더 많은 것들# 설치 방법# NPM$ npm install handsontable --save # 사용방법 1. Handsontable 라이브러리를 다운로드하여 해당 페이지에 포함하세요.script src..

jQuery.Autocomplete 는 사용자가 텍스트를 입력할 때 텍스트 입력 필드에 AJAX 조회 기능을 갖춘 자동완성/자동제안 드롭다운 목록을 첨부하는 jQuery 기반 자동 완성 플러그인입니다. 라이센스 : MIT # 사용방법압축해제하시면 index.html 파일이 있습니다. 해당 파일이 샘플 입니다. 1. 자동완성 플러그인을 첨부할 입력 필드를 만듭니다. 2. 페이지에 jQuery 자동완성 플러그인을 포함합니다. 3. 입력 필드에서 함수를 호출하고 서버 측 URL 경로를 지정합니다. 서버 응답은 다음과 같은 JSON 형식이어야 합니다. 4. 이 플러그인을 사용하면 로컬에서 제안을 로드할 수도 있습니다. 5. CSS 예시 6. 옵션 및 기본값 7. API 메소드

슬라이드 버튼을 클릭하면 이미지와 텍스트가 변경되는 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..