將靜止或者是二維平面的元素賦予生機與活力，賦予它們貼近現實生活和物理定律的方式運動起來，這就是網頁設計當中的動效應用。
一般來說，網頁設計運用動效有以下這些原則：
1、 擠壓和拉伸；
2、 預期；
3、 登臺；
4、 連續動作和姿態對應；
5、 緩進緩出；
6、 弧形運動；
7、 次要動作；
8、 時序；
9、 誇張；
10、 立體刻畫；
11、 吸引力
對於動效的實現形式有很多，最為常見的是使用GIF、CSS、SVG、視頻等。但這不是製作動畫，因為網頁當中的動效元素可以是任意的，只要合理。小到下劃線大到背景、整個頁面，都可以隨著頁面的加載出現。因此，頁面的動效元素一定要適合，避免干擾到用戶，同時還需要兼顧好引導的作用。