动画DP

定义网站通用动画样式,先从最基础的效果出发。

一:大小

  • 以边为基准线
  1. 样式

大小1大小2

     2. 案例

3

  • 以顶点为基准
  1. 样式

顶点1

顶点2

     2. 案例

2

 

  • 以中心为基准
  1. 样式

中心1

中心2

     2. 案例

 

二:位移

  • (以中心点为基准)直线
  1. 样式

直线1

     2.  案例

4

  • (以中心点为基准)曲线
  1. 样式

位移2

     2. 案例

5

三:旋转

  • 以中心为基准
  1. 样式

旋转1

 

  • 以顶点为基准
  1. 样式

旋转2

  • 以参考物为基准
  1. 样式

旋转3

 

四:透明度

  1. 样式

透明2

透明感1

     2. 案例

AE首页轮播banner

1

【综合动画案例】