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

우측의 툴로 그림자 옵션을 설정하면 좌측에 css 소스와 함께 효과를 바로 확인 할 수 있습니다.그림자 크기, 투명도, 수평 거리, 수직 거리, 강도 등을 손쉽게 설정 할 수 있습니다.적용된 화면을 바로 확인 할 수 있고 css 소스를 복사할 수 있습니다.

최소화된 크기는 2KB 미만, 압축된 크기는 800바이트 미만의 js 입니다.사용하기도 쉽습니다.위와 같이 간단한 사용법으로 사용 가능합니다.간단한 사용으로 SVG 애니메이션을 만들 수 있습니다.https://codepen.io/lcdsantos/pen/xwwEJw/데모를 보시면 이해가 빠르실 겁니다. 간단한 사용으로 SVG 애니메이션을 만들어 보시면 되겠습니다.

페이지 로드전 로드 애니메이션을 보여줄 수 있는 js 입니다. 사용법도 간단합니다.css 와 js 를 선언하고 div 를 만든 후 스크립트를 실행되게 해주면 됩니다.7가지 옵션이 있고, 배경색도 변경 가능합니다.http://joaopereirawd.github.io/fakeLoader.js/데모를 확인해 보시면 이해가 빠르실 겁니다.

- 작동 원리Zebra Tooltips는 간단하면서도 똑똑하고 시각적으로 매력적인 툴팁을 만드는 가볍고 높은 사용자 정의성을 갖춘 크로스 브라우저 jQuery 플러그인으로, 아름다운 전환 효과를 제공하고 다양한 구성 옵션을 제공합니다. 모양은 JavaScript 및/또는 CSS를 통해 쉽게 사용자 정의할 수 있습니다. 또한, 도구 설명은 부모 요소에 대해 왼쪽, 가운데 또는 오른쪽에 정렬할 수 있습니다. Zebra Tooltips는 이미지를 전혀 사용하지 않으며(모든 것은 CSS에서 처리됨) 모든 고급 기능을 지원하지 않는 브라우저에서도 문제없이 작동합니다. 또한 앵커 태그뿐만 아니라 모든 요소에 툴팁을 첨부할 수 있습니다!- 라이센스MIT- 사용 방법1. 페이지에 필요한 CSS 파일을 포함합니다.2. ..

- 플러그인 설명Flyaler는 jQuery를 위한 가볍고 간단한 알림 시스템입니다. 개발자는 눈에 띄지 않는 "growl-style" 알림 상자를 만들어 사용자에게 다양한 상태나 메시지를 알릴 수 있습니다. 이러한 알림은 성공, 오류, 위험, 경고 및 사용자 지정 유형을 포함한 다양한 유형을 지원합니다. 각 알림에는 제목, 설명 및 하단에 카운트다운 바가 포함되어 자동으로 닫힐 때까지 남은 시간을 표시합니다(기본값은 5초). 이 플러그인은 사용자 피드백, 알림 및 실시간 업데이트를 위한 깔끔한 솔루션을 제공합니다. 양식 제출 후 확인 메시지를 표시하거나, 사용자에게 오류를 알리거나, 워크플로를 방해하지 않고 간단한 상태 업데이트를 제공하는 데 유용합니다.- 라이센스MIT- 사용 방법1. 최신 jQuer..

마우스 스크롤, 오버에 따라 효과가 적용되는 텍스트 효과입니다.응용하여 다양한 예제의 텍스트를 만들 수 있습니다.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;  background-colo..

클릭하면 움직이는 아이콘과 메뉴가 나타나는 서치 효과입니다.응용하여 다양한 사이트의 메뉴로 사용할 수 있습니다.HTML 구조                                       Comment                ⌘+Shift+M                                                Ask AI                ⌘+J                                                Delete                Del                                                Duplicate                ⌘+D                                    ..

다음은 HTML과 CSS, JavaScript를 활용하여 눈이 내리는 애니메이션을 구현하는 코드에 대한 설명입니다.이 애니메이션은 눈송이가 하늘에서 떨어지는 모습을 표현하며, 눈송이가 바닥에 닿으면 쌓이는 독특한 효과를 제공합니다.겨울의 분위기를 연출하는 데 적합하며, 웹사이트의 배경 또는 이벤트 페이지 디자인에 활용할 수 있습니다.자세한 내용은 데모를 확인해 주시기 바랍니다. HTML CSSbody { margin: 0; padding: 0; background-image: linear-gradient(to bottom, #00111a, #00334d, #005580); background: url("https://hagall-media.de/cp/forest3.jpg") repeat-x; backgr..

이 서비스는 웹에서 동영상 파일을 간편하게 업로드하여 크기를 줄이는 데 유용합니다.추가로, 동영상에서 오디오를 제거하는 기능도 제공하여 더욱 최적화된 파일을 생성할 수 있습니다.온라인에서 빠르고 쉽게 사용할 수 있어 개인 사용자와 전문가 모두에게 적합합니다. 동영상 너비도 조절이 가능합니다.

Poe는 여러 AI모델과 대화할 수 있는 플랫폼입니다. ChatGPT, GPT-4o, Claude 3.5 Sonnet, FLUX1.1 등 다양한 AI 모델과 대화하고 정보를 확인해보세요.주요 기능은 - 여러 다양한 AI모델을 선택하여 대화할 수 있습니다.- 모바일 앱도 제공하여 스마트폰에서도 손쉽게 이용이 가능합니다.- 구글 , 애플 계정으로 로그인을 이용할 수 있습니다.무료로도 이용이 가능하나,무료 이용시 간단한 기본 기능만 제공하고, AI 모델도 제한적입니다.또한 하루 또는 월간 사용량이 제한됩니다.유료 플랜 이용시 GPT-4o, claude 3.5 등 성능이 좋은 AI모델을 이용할 수 있으며,고급기능 및 사용량 제한이 높습니다.AI 가 쏟아지는 요즘 나에게 잘맞는 AI Poe AI로 찾아보세요.