일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #웹솔루션
- #홈페이지제작
- 쇼핑몰
- 웹솔루션
- #동영상
- #업종별
- #이미지
- #CSS
- 홈페이지제작
- #쇼핑몰
- 홈페이지
- #happycgi
- 게시판
- #해피CGI
- php
- CSS
- happycgi
- 해피CGI
- #image
- #솔루션
- javascript
- 해피씨지아이
- jquery
- #cgimall
- CGIMALL
- #홈페이지
- #jQuery
- #뉴스
- 사이트제작
- 솔루션
- Today
- Total
웹솔루션개발 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 플러그인입니다.
마우스로 글자위에 마우스를 올려보면 글자의 테두리가 화면에 표시되면서
몇가지 애니메이션으로 표시가 됩니다.
수평과 수직으로 테두리가 생기는 예제와,
그에 맞는 각각의 샘플 소스코드입니다.
이미지에 테두리를 표시하는 예제입니다.
그 외에도 몇가지 더 예제가 있습니다.
애니메이션이라서,
정지된 그림이나, 글로는 표현이 한계가 있네요.
데모페이지를 보면서
마우스를 한번씩 올려보는게 어떤 효과인지 확인이 훨 빠를것 같네요.
'웹프로그램밍 자료실 > 기타 자료' 카테고리의 다른 글
[해피CGI][cgimall] Smooth Sliding Card UI Radio Button - Underground radios (0) | 2021.08.05 |
---|---|
[해피CGI][cgimall] Stripes in CSS 라인 형태의 css 패턴 소스 (0) | 2021.08.04 |
[해피CGI][cgimall] SVG를 이용한 아이콘 버튼 효과 (0) | 2021.07.27 |
[해피CGI][cgimall] 지도를 이용한 위치정보(위도,경도) 선택기 (0) | 2021.07.23 |
[해피CGI][cgimall] Neumorphic Elements 뉴모피즘 디자인의 여러 요소들 (0) | 2021.07.22 |
Comments