CSS-애니메이션

생기

Animation 모션 효과를 만들고 외형을 변경하는 과정으로 CSS는 이벤트 모션을 변경하기 위해 다양한 애니메이션 효과를 지원합니다.

다음 표는 CSS에서 사용할 수있는 모든 효과를 나열합니다.

Sr. 아니.	방법 및 설명
1	되튐 바운스 애니메이션 효과는 요소를 치면 표면에서 빠르게 위, 뒤로 또는 멀리 이동하는 데 사용됩니다.
2	바운스 인 바운스 애니메이션 효과는 요소를 치면 표면에서 빠르게 위, 뒤로 또는 멀리 이동하는 데 사용됩니다.
삼	아래로 바운스 바운스 애니메이션 효과는 요소를 치면 표면에서 빠르게 위, 뒤로 또는 멀리 이동하는 데 사용됩니다.
4	왼쪽으로 바운스 바운스 애니메이션 효과는 요소를 치면 표면에서 빠르게 위, 뒤로 또는 멀리 이동하는 데 사용됩니다.
5	오른쪽으로 바운스 바운스 애니메이션 효과는 요소를 치면 표면에서 빠르게 위, 뒤로 또는 멀리 이동하는 데 사용됩니다.
6	바운스 아웃 바운스 애니메이션 효과는 요소를 치면 표면에서 빠르게 위, 뒤로 또는 멀리 이동하는 데 사용됩니다.
7	아래로 바운스 바운스 애니메이션 효과는 요소를 치면 표면에서 빠르게 위, 뒤로 또는 멀리 이동하는 데 사용됩니다.
8	바운스 업 바운스 애니메이션 효과는 요소를 치면 표면에서 빠르게 위, 뒤로 또는 멀리 이동하는 데 사용됩니다.
9	왼쪽으로 바운스 바운스 애니메이션 효과는 요소를 치면 표면에서 빠르게 위, 뒤로 또는 멀리 이동하는 데 사용됩니다.
10	바로 바운스 바운스 애니메이션 효과는 요소를 치면 표면에서 빠르게 위, 뒤로 또는 멀리 이동하는 데 사용됩니다.
11	위로 바운스 바운스 애니메이션 효과는 요소를 치면 표면에서 빠르게 위, 뒤로 또는 멀리 이동하는 데 사용됩니다.
12	크게 페이드 다운 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
13	점점 뚜렷해지다 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
14	페이드 인 다운 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
15	왼쪽 페이드 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
16	왼쪽 크게 페이드 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
17	오른쪽 페이드 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
18	오른쪽 크게 페이드 인 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
19	페이드 인 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
20	큰 페이드 인 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
21	사라지다 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
22	아래로 페이드 아웃 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
23	왼쪽으로 페이드 아웃 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
24	왼쪽 크게 페이드 아웃 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
25	바로 페이드 아웃 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
26	바로 크게 페이드 아웃 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
27	페이드 아웃 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
28	크게 페이드 아웃 이미지가 점차적으로 시야에 들어 오거나 사라지거나 다른 샷에 병합됩니다.
29	플래시 요소의 밝은 빛이 갑자기 짧게 터집니다.
30	튀기다 요소는 갑작스런 빠른 움직임으로 뒤집 히거나 뒤집힐 수 있습니다.
31	X에서 뒤집기 요소는 갑작스런 빠른 움직임으로 뒤집 히거나 뒤집힐 수 있습니다.
32	Y에서 뒤집기 요소는 갑작스런 빠른 움직임으로 뒤집 히거나 뒤집힐 수 있습니다.
33	X 뒤집기 요소는 갑작스런 빠른 움직임으로 뒤집 히거나 뒤집힐 수 있습니다.
34	Y 뒤집기 요소는 갑작스런 빠른 움직임으로 뒤집 히거나 뒤집힐 수 있습니다.
35	돌쩌귀 요소는 갑작스런 빠른 움직임으로 뒤집 히거나 뒤집힐 수 있습니다.
36	빛의 속도 빛이나 조명에 요소에 대한 속도를 제공 할 것입니다.
37	광속 아웃 빛이나 조명에 요소에 대한 속도를 제공 할 것입니다.
38	펄스 단일 진동 또는 짧은 버를 요소에 제공합니다.
39	롤인 요소는 축에서 계속해서 회전하여 특정 방향으로 이동할 수 있습니다.
40	롤아웃 요소는 축에서 계속해서 회전하여 특정 방향으로 이동할 수 있습니다.
41	왼쪽 아래로 회전 요소는 축에서 계속해서 회전하여 특정 방향으로 이동할 수 있습니다.
42	회전 요소는 축에서 계속해서 회전하여 특정 방향으로 이동할 수 있습니다.
43	오른쪽 아래로 회전 요소는 축에서 계속해서 회전하여 특정 방향으로 이동할 수 있습니다.
44	동요 요소를 이동 시키거나 좌우로 불안정하게 움직 이도록합니다.
45	왼쪽 위로 회전 그것은 축이나 중심을 중심으로 원을 그리거나 움직이게합니다.
46	오른쪽 위로 회전 그것은 축이나 중심을 중심으로 원을 그리거나 움직이게합니다.
47	윙글 작은 빠른 움직임으로 위아래로 또는 좌우로 움직이거나 움직이게합니다.
48	밖으로 회전 그것은 축이나 중심을 중심으로 원을 그리거나 움직이게합니다.
49	왼쪽 아래로 회전 그것은 축이나 중심을 중심으로 원을 그리거나 움직이게합니다.
50	오른쪽 아래로 회전 그것은 축이나 중심을 중심으로 원을 그리거나 움직이게합니다.
51	왼쪽 위로 회전 그것은 축이나 중심을 중심으로 원을 그리거나 움직이게합니다.
52	오른쪽 위로 회전 그것은 축이나 중심을 중심으로 원을 그리거나 움직이게합니다.
53	떨림 요소에 대해 (객체)를 위아래로 또는 좌우로 이동할 수 있습니다.
54	그네 이것은 매달린 상태에서 또는 축에서 요소에 대해 앞뒤로 또는 좌우로 움직이는 이동 또는 원인을 제공합니다.
55	타다 요소를 좌우로 이동할 수 있습니다.