요소의 전상태와 후상태 사이의 효과를 지정
전환효과의 속성이름 지정
all
: 기본값. 모든 속성에 적용속성명
: 전환효과를 사용할 속성명전환효과의 지속시간 지정
0
: 기본값. 지속시간 없음숫자(초)
: 해당 시간동안 지속전환효과의 타이밍함수 지정
ease
: 기본값. 느리게-빠르게-느리게linear
: 일정하게ease-in-out
: 느리게-빠르게-느리게ease-in
: 느리게-빠르게ease-out
: 빠르게-느리게전환효과가 몇 초 뒤에 시작할지 대기시간 지정
0
: 기본값시간(초)
: 해당 시간 후에 시작원근법, 이동, 크기, 회전, 기울임 등으로 요소의 형태를 바꿈
translate(x,y)
: (x,y) 만큼 이동translate(x)
: x축으로 x만큼 이동translate(y)
: y축으로 y만큼 이동scale(x,y)
: (x,y) 만큼 크기 조정rotate(deg)
: deg(각도) 만큼 회전skewX(x)
: x만큼 x축으로 기울임skewX(y)
: y만큼 y축으로 기울임rotateX(x)
: x축을 기준으로 회전rotateX(y)
: y축을 기준으로 회전perspective(n)
: n만큼 떨어진 거리에서 바라본 원근법. 변환 속성값중 가장 앞에 표기backface-visiblity
: 3D 변환된 요소의 뒷면 숨김 여부visible
: 기본값. 뒷면을 보여줌hidden
: 뒷면을 숨김