-
id는 JS작업, class는 CSS 작업에 이용
-
html은 canvas와 div(컨트롤) 크게 2가지 부분으로 나뉨
-
@import "reset.css"; 적용하기
-
input range 추가하여 브러쉬 크기 조절, value:기본값
-
그림자 적용
box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11),
0 1px 3px rgba(0, 0, 0, 0.08)
x-offset, y-offset, blur(정해진 수치만큼 그림자가 흐려지는 정도이며 숫자가 클수록 흐려짐), color 순서
- 박스 안쪽에 그림자를 표현해야 한다면 inset 이라는 속성값을 사용한다.
box-shadow:inset 1px 1px rgba(0, 0, 0, 0.5);
- 요소의 아래 테두리 너비를 지정
border-bottom-width : think;
-
이미지 자체에 그림자 적용
filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5)); -
이미지 자체에 블러 처리
filter: blur(10px);
