보안이슈 소모임 개설
이전 목록 다음
채택완료

css 질문입니다

주사쟝
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-03-29 (금) 10:44:10 2,233
Copy 
<h3 class="sliding-u-l-r">Left to Right</h3>
Copy 
.sliding-u-l-r {
  display: inline-block;
    position: relative;
  text-decoration: none;
}
.sliding-u-l-r:after {
  content: '';
  position: absolute;
  margin-bottom: -10px;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 8px solid #3366FF;
  transition: 0.4s;
}
.sliding-u-l-r:hover:after {
  width: 0;
}

밑줄이 왼쪽으로 없어지는데, 오른쪽으로 없어지게 하려면 어떤걸 추가해야되나요?

css 마우스오버밑줄
|

답변 1개 / 댓글 2개

채택된 답변
+20 포인트
sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-03-29 (금) 10:47:11

https://codepen.io/sinbi/pen/ZPgxzb

left:0

-->

right:0

답변에 대한 댓글 2개

주사쟝
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-03-29 (금) 10:47:55
감사합니다!
주사쟝
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-03-29 (금) 10:47:56
감사합니다!

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