Easing Gradients

展示緩動色彩過渡，並產生含中間色標的 CSS 漸層編輯器。

  • 網頁工具
前往 Easing Gradients 官方網站

這是什麼

Easing Gradients 探索在兩種漸層色混合時使用緩動函式的效果。

為何推薦

編輯器可比較一般與緩動漸層，並提供加入多個色標的實用 CSS 輸出。

適合誰

正在調整文字後方覆蓋層或細緻淡化效果的設計師與前端開發者。

常用情境

  • 測試更柔和的圖片覆蓋層
  • 研究色標如何改變淡化
  • 產生 CSS 漸層的起始設定

Color.review

快速比較前景與背景色對比，並對照常見無障礙門檻的工具。

  • color
  • contrast
  • accessibility

Easing Editor

Anime.js 的彈簧緩動編輯器，可預覽動態並匯出 CSS 或 JavaScript 值。

  • animation
  • easing
  • css

Easing Functions

視覺化查閱常見緩動曲線，以及它們如何隨時間改變動態。

  • animation
  • reference
  • easing