animation

01.Squash and Stretch : 짓누르고 늘이기

• http://codepen.io/donovanh/pen/wBRNqX

02.Anticipation : 예비 동작 주기

• http://codepen.io/donovanh/pen/KwbJvJ

03.Staging: 연출

• http://codepen.io/donovanh/pen/wBRNrx

04.Straight-Ahead Action and Pose-to-Pose : 순차적 묘사와 원화에 의한 설계

• http://codepen.io/donovanh/pen/zxyePG

  [출처] 디즈니사 만화영화에서 배우는 12가지 애니메이션 원칙 CSS 코드 (하드코딩하는사람들) |작성자 CodingBear

05.Follow Through and Overlapping Action: 계속하여  진행 동작과 중첩 동작

• http://codepen.io/donovanh/pen/dPwaZv

  [출처] 디즈니사 만화영화에서 배우는 12가지 애니메이션 원칙 CSS 코드 (하드코딩하는사람들) |작성자 CodingBear

06.Slow In and Slow Out : 슬로인 슬로우아웃

• http://codepen.io/donovanh/pen/gbZqXv

07.Arc : 곡선 운동

• http://codepen.io/donovanh/pen/QwzYOz   http://codepen.io/donovanh/pen/azPXEd

08.Secondary Action: 부차적 동작

• http://codepen.io/donovanh/pen/ogJmpB

09.Timing : 타이밍

• http://codepen.io/donovanh/pen/GgPzyy

  [출처] 디즈니사 만화영화에서 배우는 12가지 애니메이션 원칙 CSS 코드 (하드코딩하는사람들) |작성자 CodingBear

10.Exaggeration : 과장된 표현

• http://codepen.io/donovanh/pen/QwzYaz

  [출처] 디즈니사 만화영화에서 배우는 12가지 애니메이션 원칙 CSS 코드 (하드코딩하는사람들) |작성자 CodingBear

11.Solid Drawing : 입체감있는 묘사

• http://codepen.io/donovanh/pen/pvqGpB

12.Appeal : 호소력

• http://codepen.io/donovanh/pen/wBRNyE

  [출처] 디즈니사 만화영화에서 배우는 12가지 애니메이션 원칙 CSS 코드 (하드코딩하는사람들) |작성자 CodingBear