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

이미지 오버시 움직이는 효과입니다. 갤러리 같은곳에 사용시 좋을것 같습니다. https://codepen.io/t_afif/pen/YzRdWXQ

마우스 오버시 트랜지션 이펙트를 이용한 동적인 효과의 텍스트, 버튼 또는 메뉴등에 이용할 수 있는 효과 입니다. 압축파일내에 index.html 파일과 css 파일이 있음으로 파일을 확인하시면 동작방법을 쉽게 확인하실 수 있습니다^^

버튼 마우스 오버 시 깔끔한 오버 애니메이션 효과 자바스크립트를 이용하여, 버튼내 문자를 하나씩 나누고, 나뉘 문자에 오버 애니메이션 효과가 적용되는 방식입니다. 단순한 소스지만, 깔끔하고 다양한 곳에 적용할 수 있을꺼 같습니다.

* PowerTip 소개 - PowerTip은 사용자 정의가 쉽고 툴팁을 사용하기 위한 여러 가지 방법을 제공을 제공 * License - 무료라이센스(LICENSE.txt 파일참조) * 제공기능 - 마우스오버, 아웃 툴팁 기능제공 - 사용자 설명 추가 및 상호작용 - 쉬운 사용자 정의 - 키보드 탐색 - 부드러운 페이드인, 페이드아웃 - 모든 유형의 요소에서 작동 - 복잡한 콘텐츠 지원(동작 및 이벤트 마크업) - 사용자 정의 열기 및 닫기 이벤트 핸들러 지원 * 코드구조 css 및 js 파일 선언부 툴팁문구 및 스크립트 선언부 아래와 같은 툴팁 결과를 확인할 수 있다 툴팁문구를 넣고 poweTip 메서드를 이용하여 스크립트 옵션을 선언하여 효과를 줄 수 있는데 위의 예제 이외에도 아래와 같이 선언도 ..