CSS 시간 변형

(2019-08-05)

CSS 속성 전환, CSS 변형 속성

1. transition 속성

  ㅇ background,color,height,width 등의 CSS 속성 값을, 
     - 정해준 시간 동안 또는 부드럽게 또는 빠르게 또는 점차적으로 변하도록 하는 속성

  ㅇ 구분
     - transition-delay : 이벤트 발생 후 몇 초 후 전환(재생)할 지를 지정
     - transition-duration : 몇 초 동안 전환(재생)할 지를 지정
     - transition-property : 어떤 속성을 전환(변형)할 지를 지정
     - transition-timing-function : 변형 속도감을 지정 
        . linear : 등속, ease-in : 점점 빨라짐, ease-out : 점점 느려짐,
          ease : 느린 시작 후, 빠른 실행을 한 다음에, 매우 천천히 종료,
          ease-in-out : 느린 시작 
     - transition : 모든 transition 속성을 한번에 지정


[CSS] 1. CSS 2. CSS 선택자 3. CSS 속성 4. CSS 속성값 5. CSS 박스 모델 6. block,inline 요소 유형 7. CSS 색상 8. CSS 배경 9. CSS 위치 10. CSS 정렬 11. CSS 텍스트 12. CSS 폰트 13. CSS 리스트 14. CSS @ 규칙 15. CSS 그림자 16. CSS 시간 변형 17. CSS 2차원 변형

 
        최근수정     요약목록     참고문헌