개발하다 놀땐 뭐하지?

버튼이 고동치는 것 같은 효과를 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;..

HTML 웹페이지를 인쇄할 경우 어디까지가 출력이 되는지 구분이 잘 안 되는데, 아래 Tag를 통해 인쇄 영역을 나눌 수 있다. CSS page-break 속성들 page-break-after page-break-before page-break-inside CSS page-break 옵션 (page-break-after 및 page-break-before) 옵션 설명 auto Default. Automatic page-break always Always insert a page-break after the element avoid Avoid a page-break after the element (if possible) left Insert page-break after the element so tha..

: The Marquee element Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your dec..