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

[해피CGI][cgimall] jQuery plugin for animate border Nicebord 본문

웹프로그램밍 자료실/기타 자료

[해피CGI][cgimall] jQuery plugin for animate border Nicebord

해피CGI윤실장 2021. 8. 3. 09:14

웹페이지에 표시되는 요소에 마우스를 올리면
애니메이션 테두리를 표시해주는 jquery 플러그인입니다.

 

 

마우스로 글자위에 마우스를 올려보면 글자의 테두리가 화면에 표시되면서
몇가지 애니메이션으로 표시가 됩니다.

 

 

 

 

수평과 수직으로 테두리가 생기는 예제와,
그에 맞는 각각의 샘플 소스코드입니다.

 

 

이미지에 테두리를 표시하는 예제입니다.

그 외에도 몇가지 더 예제가 있습니다.
애니메이션이라서,
정지된 그림이나, 글로는 표현이 한계가 있네요.

데모페이지를 보면서
마우스를 한번씩 올려보는게 어떤 효과인지 확인이 훨 빠를것 같네요.

 

 

 

Comments