본문 바로가기
반응형

CSS23

linear-gradient, css 그라데이션 기초 linear-gradient, css 그라데이션 기초 HTML 삽입 미리보기할 수 없는 소스 ※ 그라데이션 방향은 to top, to bottom, to left, to right, to top left 등 다양한 방향 값을 넣을 수 있습니다. 2023. 4. 29.
@-webkit-keyframes 와 @keyframes의 차이 @-webkit-keyframes 와 @keyframes의 차이 [참고] 웹 브라우저 엔진 - WebKit, Blink, Gecko, Trident는 모두 웹 브라우저 엔진으로, - 웹 페이지의 렌더링, HTML, CSS 및 JavaScript 코드의 해석 및 실행, 그리고 기타 웹 기술의 처리를 담당합니다. - 자세히 : https://noanomal.tistory.com/201 차이점 @-webkit-keyframes는 WebKit 기반 브라우저(예: Chrome, Safari)에서 사용되며, -webkit-이라는 접두사(prefix)가 있습니다. 반면에 @keyframes는 모든 브라우저에서 지원되며, 접두사가 필요하지 않습니다. @-webkit-keyframes 사용이유 @-webkit-keyfr.. 2023. 4. 27.
[css] 하이퍼링크 글자 수정 [css] 하이퍼링크 글자 수정 하이퍼링크 랍 치고 ... 파랑 글씨에 밑줄이 쳐져 있는 글을 보면 뭔가 ... 노력해서 HTML을 짠거 같지 않은 기분이 듭니다.... 찝찝 한 마음 그래서 !! 하이퍼링크를 두고 글씨 색과 체를 바꿀 수 있는 css 코드를 기억해 둡니다 HTML 삽입 미리보기할 수 없는 소스 2023. 4. 23.
증명사진 위에 원형 테두리 그리기 css, 동그라미 테두리 증명사진 위에 원형 테두리 그리기 css, 동그라미 테두리 증명 사진위에 원형 테두리를 넣기 위한 html, css 코드는 아래와 같습니다. HTML 삽입 미리보기할 수 없는 소스 [참고] 테두리 두께는 border 값을 조절가능 이미지 크기에 따른 width 및 height 값을 조절 필요 2023. 4. 22.
addEventListener 'keydown' 사용법 addEventListener 'keydown' 사용법 설명 addEventListener() 메서드는 요소에 이벤트 핸들러 함수를 등록하는 메서드입니다. keydown 이벤트는 키보드의 키를 누르는 순간 발생하는 이벤트입니다. 코드 사용법 element.addEventListener('keydown', function, useCapture); 입력값 설명 'keydown' 이벤트 이름 'keydown' 그대로 작성 function 이벤트 핸들러 함수 useCapture (optional) 이벤트 캡처링을 사용할지 여부를 지정하는 불리언 값입니다. 기본값은 false입니다. 예시 HTML 삽입 미리보기할 수 없는 소스 2023. 4. 12.
html div 선그리기, div draw line html div 선그리기, div draw line HTML 삽입 미리보기할 수 없는 소스 2023. 4. 11.
반응형

티스토리툴바