HTML CSS 전환 정리
- 최초 등록일
- 2022.04.09
- 최종 저작일
- 2022.04
- 2페이지/ MS 워드
- 가격 4,000원
소개글
Css – 전환(transition) 속성 부류
① 각 속성에 대해서 정리할 내용으로 속성의 기능, 속성값, 사용 방법은 반 드시 포함해야 한다. ② 정리할 각 속성은 부류 별로 구분하고, 각 부류 별로 속성에 1번부터 번호를 매겨서 정리한다.
목차
없음
본문내용
① 각 속성에 대해서 정리할 내용으로 속성의 기능, 속성값, 사용 방법은 반 드시 포함해야 한다. ② 정리할 각 속성은 부류 별로 구분하고, 각 부류 별로 속성에 1번부터 번호를 매겨서 정리한다.
전환(transition)
1.Transition
기능 : 해당 요소에 추가할 CSS 스타일 전환효과를 설정.
속성값 :
width: 폭 변화시간
height: 높이 변화시간
사용방법 :
div {
width: 100px;
transition: width 2s; }
div:hover {
width: 500px; }
2.Transition-delay
기능 : 전환 효과의 대기 시간을 설정.
속성값 :
0s : 대기시간 없음
시간 : 대기시간을 지정
사용방법 (예제) :
transition : 2s 3s;
3.Transition-duration
기능 : 전환 애니메이션이 완료되는 데 걸리는 시간을 설정합니다. 기본적으로 값은 애니메이션이 발생하지 않음을 의미
참고 자료
없음