[긴급]PHP 원격 코드 실행 취약점 안내
이전 목록 다음
채택완료

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

시린♡
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-02-24 (수) 19:49:48 2,360

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

이부분에 

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

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

그누보드5 php
|

답변 1개

채택된 답변
+20 포인트
볼볼피드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-02-24 (수) 19:55:58

개발자모드로 켜서 보시면 해당 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;

}

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