總結：
transform定義了元素的變形，transition定義了元素的屬性變化樣式，animation與@keyframes則真正的讓元素動起來（不只是變到什麼狀態，更定義了中間過程，k幀）
練習1：用css的transition屬性控制opacity和transform:translate(x,y)，實現位移和淡入淡出效果。
imgimg:hover
只要對img{}設定動畫的屬性。transform: property duration timing-function delay
練習2：transition + transform:rotate((度數)deg)/transform：translate（x,y）/transform:scale() + transform-origin(設定中心點位置)
練習3：**的漸隱和旋轉/放大動畫 animation: 動畫名（自己取名） duration timing-function delay 次數
練習4 load動畫 animation-delay 錯開執行的時間
.spinner .line1
.spinner .line2
@keyframes load
20%}/*不同部分的k幀*/
還是挺好玩的！
練習5 互動動態圓圈， border-radius:100% 讓正方形變成圓圈
好啦，總結完畢！作為渣渣的我研究github去啦！早日上傳鏈結，可以**效果的鏈結啊啊啊啊！
UI動效基礎 AE動效表現課
第01課 ui動效概述 課時1 關於ui動效的介紹及行業概述 課時2 動效設計在工作領域的應用 課時3 動效設計如何學習 第02課 ae軟體基本操作 課時1 介面介紹及合成設定 課時2 合成的建立 課時3 檔案的匯入 課時4 基礎圖層簡介 課時5 形狀圖層的基本操作 課時6 圖層樣式的新增 課時7 ...
android動效開篇
大神部落格 在接下來的時間裡，我會把我之前所做所總結的android動效相關和大家一步步分享，相互交流，相互學習，共同進步，當然裡面難免會有可以更優的實現或方法，大家多多指出 1.animation和animator使用，interpolator 插值器 原理 2.自定義view實現水波紋效果 3....
動效怎麼做 介面動效落地的那點東西
最近在學習梳理動效落地，了解了很多方法，有很多小夥伴沒有實際需求也很少知道具體有哪些法子，今天我整理一些落地的工具，方便學習。最常輸出的方式為 gif png序列幀 json svga apng webp svg動畫，這些都比較常用的實現方式。ae裡選擇選單合成 adobe media encode...