뭔가 꼭 알려 주고 싶은 내용을 특정 위치에 적어 놓지만 신경 쓰지 않고 읽지 않는 경우가 많을 겁니다.
깜빡이 효과를 줘서 조금 더 눈에 띌 수 있도록 해 봅니다.
보통 알림이나 쪽지가 오면 알릴때 이 효과를 많이 쓰지만 저는 글 등록 버튼 위에 문구에 한번 효과를 주어보았습니다.
이미지가 왜 이리 구리게 .. 제가 gif 생성 프로그램을 오늘 깔고 처음 써본거라...
css에
.blink {-webkit-animation-name: blinker;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);-webkit-animation-duration: 2s;}
@-webkit-keyframes blinker {
from { opacity: 1.0; } to { opacity: 0.0; }
를 추가하고..
효과를 주고 싶은 곳에 class="blink" 를 지정하면 됩니다.