UI 課第 3 天有提到動態「曲線」,即使是簡單的燈箱換圖效果,套用不同曲線得到的動態效果給人感受完全不同。
http://s.muz.li/ZTExODA3NTg1
這個網站提供很多參考動態曲線展示效果,每個都點一遍肯定能啟發你一些靈感。
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「cubic-bezier」的推薦目錄:
- 關於cubic-bezier 在 嫁給 RD 的 UI Designer Facebook 的最佳貼文
- 關於cubic-bezier 在 コバにゃんチャンネル Youtube 的最讚貼文
- 關於cubic-bezier 在 大象中醫 Youtube 的精選貼文
- 關於cubic-bezier 在 大象中醫 Youtube 的最佳貼文
- 關於cubic-bezier 在 CSS沒有極限- Transition 實作波動拳動圖 的評價
- 關於cubic-bezier 在 GitHub - gre/bezier-easing 的評價
- 關於cubic-bezier 在 How "transition-timing-function:cubic-bezier();" property works 的評價
- 關於cubic-bezier 在 Cubic bezier get $y$ as a function of $x$ (not $t$) 的評價
cubic-bezier 在 コバにゃんチャンネル Youtube 的最讚貼文
cubic-bezier 在 大象中醫 Youtube 的精選貼文
cubic-bezier 在 大象中醫 Youtube 的最佳貼文
cubic-bezier 在 GitHub - gre/bezier-easing 的推薦與評價
cubic -bezier implementation for your JavaScript animation easings – MIT License - GitHub - gre/bezier-easing: cubic-bezier implementation for your ... ... <看更多>
cubic-bezier 在 CSS沒有極限- Transition 實作波動拳動圖 的推薦與評價
相當於cubic-bezier(0.25,0.1,0.25,1)。 +transition-timing-function(ease-in) //ease-in:緩慢的開始。相當於cubic- ... ... <看更多>