바로 아래 질문에 대해서...
본문
안녕하세요?
건강하십시오~^^)
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 를 모두 삭제해보시기바랍니다
그래도 작동이 되지를 않습니다.
페이지를 알려주시면 봐드리겠습니다.
감사합니다.
다른 방법으로 해결하였습니다.
#tnb-login-mn li.icon-check-on 하위에 넣으셨나요?
css를
<span class="icon-login"><i class="fas fa-chart-line"></i></span>
위에 올려 놓아도 작동이 되지 않습니다.
요렇게하면 표시됩니다. 위치는 style에서 잡으면되구요^^
<ul id="tnb-login-mn">
<li id="attendance" class="icon-check icon-check-on">
<span class="icon-login"></span>
</li>
</ul>
감사합니다.
다른 방법으로 해결하였습니다.
