「Easing 函數速查表」由 Andrey Sitnik 提供，各國家的貢獻者協助翻譯，因此網站還支援非常多的語言，包含正體中文（繁體中文）唷！我們前端網頁設計師常常需要製作網頁互動動畫，動畫執行一般預設都是 linear 模式，也就是線性，這就會顯得效果很呆版，沒有速度變化，現實世界中所有動態的變化基本上都不是線性，有可能由快到慢，也有一下快一下慢等，現實世界的變化更多，當然我們只要做出一點速度變化，動畫就會顯得特別吸引人，因此就有熱心的工程師提供了函數大全，只要複製貼上就可以使用，完全開源！

基本上適用於 CSS、SCSS 或 jQuery，前兩者複雜的函數不知元就要靠最後者，但我會建議用前兩者，不用加裝外掛增加載入的元素，速度理論更快，不過如果你需要複雜的函數，jQuery 也不差，我們很多網頁互動特效其實單單 CSS 是不夠的，有時候 jQuery 可以做到 CSS 做不到的功能。

網站方面都有非常詳細的使用說明與簡介，如果您本身就有在做前端設計，用起來可就相當輕鬆啦！只要選擇自己需要的函數，就可以複製原始碼到自己的原始碼中運用，至於要如何運用就看你的作品需要怎樣呈現啦！

▲網站提供的函數總共有 30 個，非常足夠！

▲ 點入其中一個函數可以看到三種使用方式，當然還有用動態圖表來呈現動畫速度變化，都可以參考！

Classic Widgets（WordPress 外掛）：停用升級 5.8 後的小工具區塊編輯器
📆 2021-07-29
📁 網站技術, 架站程式, WordPress

nvm-windows：Windows 平台的 Node.js 版本管理工具，可安裝、切換和管理多個 Node.js 版本
📆 2024-06-26
📁 軟體介紹, 軟體應用, 網站技術, Node.js

Two-Factor（WordPress 外掛）：讓網站支援兩步驟驗證登入
📆 2021-06-09
📁 網站技術, 資訊安全, 架站程式, WordPress

無縮圖

CSS:圓框
📆 2013-01-01
📁 網站技術, CSS

【論壇經營】Discuz新增YouTube代碼
📆 2014-01-01
📁 網站技術, 串流媒體, 架站程式, Discuz!

Tilt.js：浮動方塊製作、視差懸停傾斜效果 jQuery 插件
📆 2019-01-28
📁 網站技術, HTML, JavaScript, jQuery

Chrome 開發人員工具：關閉快取以偵錯
📆 2019-04-01
📁 軟體應用, 瀏覽器, 網站技術, Google Chrome

Brackets 擴充功能「Beautify & Indent Guides」：自動縮排美化與縮排層次標記
📆 2018-09-20
📁 軟體應用, 網站技術

《上一篇》Facebook Messenger：訊息收回功能登場 《下一篇》Visual Studio Code：開放原始碼的程式碼編輯器、中文化支援、可個人化