Today :
Yesterday :
Total :
«   2024/12   »
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
Archives
Today
Yesterday
Total
관리 메뉴
프로필사진 방명록
Today:     Yesterday:     Total:

호기심 가득! 모지모지!

텍스트메뉴 마우스오버 효과 소스, Creative Link Effects 본문

IT디자인 | 늘배우는자세

텍스트메뉴 마우스오버 효과 소스, Creative Link Effects

2016. 5. 25. 11:04
728x90

CSS만으로 텍스트메뉴를 좀 더 화려하게 만들 수 있는 소스입니다.

 

아래와 같은 텍스트 메뉴에 마우스를 오버했을때 다양한 효과들을 손쉽게 적용할 수 있습니다.

 

 

위의 그림은 그 중의 일부분이고, 아래 페이지에 접속하면 더 많은 효과들을 확인할 수 있습니다. 괜히 어렵게 이미지를 써가며 화려하게 하기보단 이렇게 텍스트와 소스 몇 줄만으로도 그럴듯한 메뉴를 만들 수 있지 않을까 싶네요.

 

http://tympanus.net/Development/CreativeLinkEffects/

 

 

소스는 아래에서 받아서 사용하시면 되고, 페이지에 적용법도 간략히 나와있으니 참고하시면 됩니다.

 

http://tympanus.net/codrops/2013/08/06/creative-link-effects/

 

 

추가로 텍스트메뉴 효과 뿐만 아니라 더 다양한 CSS무료소스도 찾아보시려면 아래 사이트를 참고하십시오.

 

http://rwdb.kr/menu_css_hover/

 

 

 

도움되셨다면 하트 버튼 눌러주세용~

728x90
댓글달고 친해지기 ()