블링크 애니메이션 예제 HTML <blink>hello</blink> CSS .blink { -webkit-animation: w3-blink-animation 1.5s linear infinite; -moz-animation: w3-blink-animation 1.5s linear infinite; animation: w3-blink-animation 1.5s linear infinite; } @keyframes w3-blink-animation { 50% { background: …
IOS에서 자동으로 폰트 크기를 조절하는 기능 끄기 html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
CSS에서 nth-child 속성 활용 예제 n번째 이후 li:nth-child(3n) {} li:nth-child(n+2) {} li:nth-child(3n+1) {} 테이블 tr 4행이후 모든 td table tr:nth-child(4) ~ tr td {} 4행부터 ~ 9행까지 li:nth-child(n+4):nth-child(-n+9){}
CSS에서 float 속성 clear 시키는 방법 <div class="parent"> <div class="child"></div> <div class="clear"></div> </div> 새로운 태그를 추가하여 clear 스킨다 .parent { float: left; } .child {} .clear {clear:both} 부모 태그를 float시킨다. …
CSS에서 수직 중앙 정렬하기 테이블 속성 이용한 방법 .valign-parent {display:table;width:100%;height:100%;} .valign-child {display:table-cell;vertical-align:middle;} 포지션 속성 이용한 방법 .valign-parent { position: relative; width:100px;height:100px; } .valign-child { width: 50%; height: 50%; position: absolute; …
IOS에서 하이라이트 컬러 제거하기 -webkit-tap-highlight-color: rgba(0,0,0,0);
인터넷익스플로러에서 허용된 스타일시트 최대 규칙 갯수 Description Outlines the maximum number of stylesheets and rules supported by Internet Explorer 6 to 9. Internet Explorer 6 to 9 A sheet may …
터미널에서 SSH 접속하기 Usage sudo ssh -t <USERNAME>@<IP_ADDRESS> -p 22 -i "<KEY>" Example sudo ssh -t ubuntu@127.0.0.0 -p 22 -i "private.pem"
PHP에서 uuid v4 만들기 PHP < 7 function guidv4($data){ assert(strlen($data) == 16); $data[6] = chr(ord($data[6]) & 0x0f | 0x40); // set version to 0100 $data[8] = chr(ord($data[8]) & 0x3f | …
datepicker 한글 번역하기 $("#datepicker1").datepicker({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNames: ['일','월','화','수','목','금','토'], dayNamesShort: ['일','월','화','수','목','금','토'], dayNamesMin: ['일','월','화','수','목','금','토'], showMonthAfterYear: true, changeMonth: true, changeYear: true, yearSuffix: '년', …
