글씨 깜박거리는 효과 ( css )

Tip & Tech

활용팁

홈 > 회원포럼 > 활용팁
활용팁

글씨 깜박거리는 효과 ( css )

 .blinking{
            -webkit-animation:blink .5s ease-in-out infinite alternate;
            -moz-animation:blink .5s ease-in-out infinite alternate;
            animation:blink .5s ease-in-out infinite alternate;
        }
        @-webkit-keyframes blink{
            0% {opacity:0;}
            100% {opacity:1;}
        }
        @-moz-keyframes blink{
            0% {opacity:0;}
            100% {opacity:1;}
        }
        @keyframes blink{
            0% {opacity:0;}
            100% {opacity:1;}
        }


저같은 경우 채팅 서버를 체크 할 때 활용 했는데요...

채팅 서버가 정상일 경우 ON 글씨가 깜박거리고 비정상일경우 OFF 글씨가 깜박거리게 해봤습니다.


nanumshop.net 에서 확인하실 수 있습니다.

0 Comments
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand