버튼이 고동치는 것 같은 효과를 HTML과 CSS를 이용해서 구현해 봤다. 이런 게 대체 어디에 쓰일까 싶지만 예전에 HTML로 시연하는 프로그램을 만들다가 버튼을 강조할 필요가 있었는데, 이렇게라도 강조를 해볼까 하고 만들었던 애니메이션이다. HTML 삽입 미리보기할 수 없는 소스 CSS - 애니메이션과 스타일 CSS에서는 keyframes 가 핵심이다. 시간이 지남에 따라 투명도가 낮아지고 마지막에 scale을 크게 해서 고동치는 것 같은 효과를 주면 된다. webkit과 moz 둘 다 작성. @-webkit-keyframes pulse { 0% {-webkit-transform: scale(0); opacity: 0;} 8% {-webkit-transform: scale(0); opacity: 0;..