WEB(웹)
(css) transition-property 속성
SharingWorld
2018. 5. 30. 13:22
트랜지션을 적용할 속성 지정하기
속성 값 |
설명 |
all |
all 값을 사용하거나 transition-property를 생략할 경우, 요소의 모든 속성이 트랜지션 대산이 된다(기본값) |
none |
트랜지션 동안 아무 속성도 바뀌지 않음 |
<속성 이름> |
트랜지션 효과를 적용할 속성 이름을 지정. ex) background-color, width |
transition-property: all; // 해당 요소의 모든 속성에 트랜지션 적용
transition-property: background-color; // 해당 요소의 배경 색에 트랜지션 적용
transition-property: width, height; // 해당 요소의 너비와 높이에 트랜지션 적용
출처 - Doit! html5+css3 웹표준의 정석