바로 아래 질문에 대해서... 채택완료
안녕하세요?
건강하십시오~^^)
https://sir.kr/qa/328296 ← 이 질문에 관련된 것 입니다.
------------------------------------------------------
<span class="icon-login"><i class="fas fa-chart-line"></i></span>
<style type="text/css">
#tnb-login-mn li.icon-check-on .icon-login:after {content:"";position:absolute;top:5px;right:15px;top:3px;right:18px;display:inline-block;background:#ff4a5f;border:1px solid #fff;border-radius:10px;width:4px;height:4px;box-shadow:0 0 7px 1px #ff4a5f}
#tnb-login-mn li.no-border {border-right:none}
#tnb-login-mn li.icon-check .icon-login:after {
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% {opacity:0}
}
</style>
위처럼 하였는데...작동이 되지를 않는군요~
어떤 것이 잘못 되었는지요?
물론, 폰트어썸은 이미 설치되어 잘 작동하고 있습니다.
감사합니다.
답변 3개
css의 #tnb-login-mn li.icon-check-on 를 모두 삭제해보시기바랍니다
답변에 대한 댓글 3개
댓글을 작성하려면 로그인이 필요합니다.
요렇게하면 표시됩니다. 위치는 style에서 잡으면되구요^^
<ul id="tnb-login-mn">
<li id="attendance" class="icon-check icon-check-on">
<span class="icon-login"></span>
</li>
</ul>
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
<span class="icon-login"><i class="fas fa-chart-line"></i></span>
위에 올려 놓아도 작동이 되지 않습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인