SIR
목록으로
이전글 다음글

링크에 마우스 오버하면 이렇게 나오는방법 채택완료

시린♡
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전 조회 2,285
답변 1
목록

https://www.wikitree.co.kr/articles/622704 기사 내용보면 "수진 팬인 유튜버가 자기 채널에 올린 글"

이부분에 

색으로 밑줄되어있고 마우스오버하면 색이 싹 채워지는데 css 에서(아마도?) 처리하는거같은데 혹시

이런류의 방법을 어떤걸 검색해야지 나올까요? 게시글에 링크가 달려있으면 저렇게 표현해주고싶은데

#그누보드5 #php

답변 1개

채택된 답변
+20 포인트

개발자모드로 켜서 보시면 해당 css는 금방 알 수 있습니다

Copy 
.ar_content a:hover, .content_left_wrap .article_body p .link:hover { 

     box-shadow: inset 0 -20px 0 #0083fb;

     margin-bottom: 5px;

     color: #fff;

}

.ar_content a, .content_left_wrap .article_body p .link {

     font-weight: bolder;​​​​​​​

     padding: 0 3px;​​​​​​​

     box-shadow: inset 0 -8px 0 #bfe0fe;

     margin-bottom: 5px;

     transition: box-shadow .3s ease-out,background-color .3s ease-out;

}
로그인 후 평가할 수 있습니다

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

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

로그인
🐛 버그신고