닐기

See the Pen CSS [attribute] by nilgi (@nilgi) on CodePen. [attribute] : '속성명'이 있는 요소 선택 -, _, 공백, 조합어 비허용 [attribute="value"] : '속성명'과 '속성값'이 있는 요소 선택 -, _, 공백, 조합어 비허용 [attribute~="value"] : '속성명'을 가지고, '속성값'을 포함하는 요소 선택 공백은 허용하고 -, _, 조합어 비허용 [attribute*="value"] : '속성명'을 가지고, '속성값'을 포함하는 모든 요소 선택 -, _, 공백, 조합어 허용 [attribute^="value"] : '속성명'을 가지고, '속성값'으로 시작하는 요소 선택 -, _, 공백, 조합어 허용 [attribut..

See the Pen transform: rotate by nilgi (@nilgi) on CodePen. • transform: rotate(값deg); / 마이너스 값 허용

See the Pen tranform: translate by nilgi (@nilgi) on CodePen. • tranform: tranlate(x,y) / 변환: 위치. 위치는 마이너스 값을 허용한다.

See the Pen accent-color 체크, 라디오 버튼 by nilgi (@nilgi) on CodePen. input[type=checkbox] { accent-color: tomato; /* 색 */ } input[type=radio] { accent-color: rgb(30, 144, 255); /* 색 */ } 이런게 있구나. 이쁘군 (◕ᴗ◕✿)

See the Pen text-overdflow by nilgi (@nilgi) on CodePen. • text-overflow: clip; // overflow: hidden 그냥 잘라서 표시 • text-overflow: ellipsis; // 잘리는 끝 부분 '...'(점점점)으로 표시

See the Pen background-clip by nilgi (@nilgi) on CodePen. • background-clip: border-box; / 기본값. 테두리 가장자리까지 • background-clip: padding-box; / 안쪽여백 가장자리까지 • background-clip: content-box; / 컨텐츠만 칠하기 • background-clip: text; / 글자만 -webkit-background-clip: text; color: transparent;

html요소:focus {값;} 양식의 text입력칸을 클릭했을 때 강조 효과를 낸다. See the Pen :focus by nilgi (@nilgi) on CodePen. [입력칸 마우스 클릭] 신기하구먼. focus~focus~^^

See the Pen first-letter by nilgi (@nilgi) on CodePen. ::first-letter는 다음 속성을 줄 수 있다. • font • color • background • margin • padding • border • text-decoration • vertical-align (float이 none일 때) • text-transform • line-height • float • clear

See the Pen text-indent by nilgi (@nilgi) on CodePen. • text-indent: px, %, cm, em... // 마이너스 값 가능

See the Pen 자바스크립트 Hoisting by nilgi (@nilgi) on CodePen. 변수는 맨 위에 선언. 오류 방지를 위에 항상 시작 부분에 모든 변수를 선언한다. 자바스크립트의 기본 규칙입니다.

See the Pen 마우스 올리면 애니메이션 멈춤 by nilgi (@nilgi) on CodePen. animation-fill-mode: forwards; 마지막 키프레임을 유지한다는 뜻.

See the Pen try, catch, finally, throw by nilgi (@nilgi) on CodePen.