[SIST] Web_CSS_days06_CSS 전환 작업(transition 속성)

1. 전환? 주어진 기간 동안 속성값을 부드럽게 변경

2. 전환 속성들
  - transition 속성(약식)

  - transition-delay 속성 - 전환 작업 시작 시간 설정

  - transition-duration 속성 - 전환 시간 설정

  - transition-property 속성 - 전환 속성 설정

  - transition-timing-function 속성 - 속도 곡선 설정(전환 속도)
    > ease 기본값(천천히 시작 빨라졌다가 천천히 종료)
    > linear(곡선) 처음부터 끝까지 일정한 속도(등속)
    > ease-in 천천히 시작
    > ease-out 천천히 종료
    > ease-in-out 천천히 시작해서 천천히 종료

3. 전환 효과를 만들려면 2가지 지정
   1) 효과를 추가하려는 CSS 속성
   2) 효과를 지속 시간
   (지속 시간을 지정하지 않으면 기본값은 0으로 적용된다.)

---

---

---