메뉴 오버시 효과를 주고 싶습니다.

star3840

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-07-07 (화) 10:53:56 2,563

그누 기본 메인메뉴를 사용하고 있고요. 위의 이미지처럼 마우스 오버시 효과를 주고 싶습니다.

.gnb_1dli_on .gnb_1da {background-color:#;color:#639825;}

위의 소스에 추가할 부분이 뭔가요?

그누보드5

답변 2개

채택된 답변

+20 포인트

devdev

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-07-07 (화) 11:07:42

참고해서 응용해보세요

.gnb_1da {
}
-moz-border-radius:28px;
-webkit-border-radius:28px;
border-radius:28px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:17px;
padding:16px 31px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
.gnb_1da :hover {
background-color:#5cbf2a;
}

용좌

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-07-07 (화) 10:58:10

위 처럼 동그란 온오프는 이미지로 보통 합니다.

background-image로 온오프일때 이미지를 변경 해주시면 될듯 합니다.

저 같은경우에는 jquery로

답변을 작성하려면 로그인이 필요합니다.

메뉴 오버시 효과를 주고 싶습니다.

답변 2개

공유하기