CSS 애니메이션 속성
이 부분은 CSS에서 설정할 수 있는 애니메이션 속성을 나열합니다.
CSS3에 포함된 애니메이션 속성을 포함하고 있습니다.
이 부분은 최신 CSS3규범적인 애니메이션 가능한 속성의 완전한 목록. 모든 속성은 알파벳順으로 나열됩니다.
| 속성 | 애니메이션 가능한 | 테스트 |
|---|
background | 모든 속성 보기 | 예제 |
background-color | 색상으로 | 예제 |
background-position | 길이, 백분율 또는 calc()의 간단한 목록으로 반복 가능한 목록으로 | 예제 |
background-size | 길이, 백분율 또는 calc()의 간단한 목록으로 반복 가능한 목록으로 | 예제 |
border | 모든 속성 보기 | 예제 |
border-bottom | 모든 속성 보기 | 예제 |
border-bottom-color | 색상으로 | 예제 |
border-bottom-left-radius | 길이, 백분율 또는 calc()로 | 예제 |
border-bottom-right-radius | 길이, 백분율 또는 calc()로 | 예제 |
border-bottom-width | 길이로 | 예제 |
border-color | 색상으로 | 예제 |
border-left | 모든 속성 보기 | 예제 |
border-left-color | 색상으로 | 예제 |
border-left-width | 길이로 | 예제 |
border-radius | 모든 속성 보기 | 예제 |
border-right | 모든 속성 보기 | 예제 |
border-right-color | 색상으로 | 예제 |
border-right-width | 길이로 | 예제 |
border-spacing | 길이의 간단한 목록으로 | 예제 |
border-top | 모든 속성 보기 | 예제 |
border-top-color | 색상으로 | 예제 |
border-top-left-radius | 길이, 백분율 또는 calc()로 | 예제 |
border-top-right-radius | 길이, 백분율 또는 calc()로 | 예제 |
border-top-width | 길이로 | 예제 |
bottom | 길이, 백분율 또는 calc()로 | 예제 |
box-shadow | shadow 목록으로 | 예제 |
clip | 사각형으로 | 예제 |
color | 색상으로 | 예제 |
column-count | 정수로 | 예제 |
column-gap | 길이로 | 예제 |
column-rule | 모든 속성 보기 | 예제 |
column-rule-color | 색상으로 | 예제 |
column-rule-width | 길이로 | 예제 |
column-width | 길이로 | 예제 |
columns | 모든 속성 보기 | 예제 |
flex | 모든 속성 보기 | 예제 |
flex-basis | 길이, 백분율 또는 calc()로 | 예제 |
flex-grow | 숫자로 | 예제 |
flex-shrink | 숫자로 | 예제 |
font | 모든 속성 보기 | 예제 |
font-size | 길이로 | 예제 |
font-size-adjust | 숫자로 | 예제 |
font-stretch | 폰트 확장으로 | 예제 |
font-weight | 폰트 두께로 | 예제 |
height | 길이, 백분율 또는 calc()로 | 예제 |
left | 길이, 백분율 또는 calc()로 | 예제 |
letter-spacing | 길이로 | 예제 |
line-height | 숫자 또는 길이로 | 예제 |
margin | 길이로 | 예제 |
margin-bottom | 길이로 | 예제 |
margin-left | 길이로 | 예제 |
margin-right | 길이로 | 예제 |
margin-top | 길이로 | 예제 |
max-height | 길이, 백분율 또는 calc()로 | 예제 |
max-width | 길이, 백분율 또는 calc()로 | 예제 |
min-height | 길이, 백분율 또는 calc()로 | 예제 |
min-width | 길이, 백분율 또는 calc()로 | 예제 |
opacity | 숫자로 | 예제 |
order | 정수로 | 예제 |
outline | 모든 속성 보기 | 예제 |
outline-color | 색상으로 | 예제 |
outline-offset | 길이로 | 예제 |
outline-width | 길이로 | 예제 |
padding | 길이로 | 예제 |
padding-bottom | 길이로 | 예제 |
padding-left | 길이로 | 예제 |
padding-right | 길이로 | 예제 |
padding-top | 길이로 | 예제 |
perspective | 길이로 | 예제 |
perspective-origin | 길이, 백분율 또는 calc()의 간단한 목록으로 | 예제 |
right | 길이, 백분율 또는 calc()로 | 예제 |
text-decoration-color | 색상으로 | 예제 |
text-indent | 길이, 백분율 또는 calc()로 | 예제 |
text-shadow | shadow 목록으로 | 예제 |
top | 길이, 백분율 또는 calc()로 | 예제 |
transform | 변환으로 | 예제 |
transform-origin | 길이, 백분율 또는 calc()의 간단한 목록으로 | 예제 |
vertical-align | 길이로 | 예제 |
visibility | 可见度 | 예제 |
width | 길이, 백분율 또는 calc()로 | 예제 |
word-spacing | 길이로 | 예제 |
z-index | 정수로 | 예제 |