abcdefghklpqrstuvwxyz

현재 만들고 있는 사이트평범한 스크롤바인데 한번 커스텀해보자  -webkit-scrollbar : 스크롤바의 스타일을 지정한다body::-webkit-scrollbar {    width: 8px;} -webkit-scrollbar-thum : 스크롤바의 손잡이 부분의 스타일을 지정한다body::-webkit-scrollbar-thumb {    height: 30%;    background-color: rgb(220, 193, 193);    border-radius: 10px;} -webkit-scrollbar-track : 스크롤바의 트랙 부분의 스타일을 지정한다body::-webkit-scrollbar-track {    background: rgb(240, 236, 236);}

2024.04.14 - [Canvas] - [Canvas] 캔버스 사용하기 | 캔버스 사이즈 | fillRect() Canvas Particle " data-og-host="gamzaggang7.tistory.com" data-og-source-url="https://gamzaggang7.tistory.com/105" data-og-url="https://gamzaggang7.tistory.com/105" data-og-image="https://scrap.kakaocdn.net/dn/bAtaiG/hyVS9eIzd3/b7BfVQj5AvE9HKBu7kyggk/img.png?width=800&height=349&face=0_0_800_349,https://scrap.kakaocdn.net/dn/bN1xHy/..

캔버스를 사용하기 위해 index.html을 생성하고 body 태그 안에 canvas 태그를 넣는다. 화면은 전체화면으로 바꾸고 캔버스에 색상을 넣었다. index.js를 모듈 타입으로 불러온다. DOCTYPE html> Canvas Particle html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; } canvas { background-color: red; } index.js에 canvas를 불러오고 콘솔로 찍어 잘 불러졌는지 확인한다. const canvas = document.querySelector('canvas') console.log(canvas); 이때 캔버스의 기본 사이즈가 300*150인걸 확인할 수 있다. 캔버스에..