天藍青色漸層

Cyan(#06B6D4 Teal(#14B8A6的 CSS 漸層效果。 複製程式碼直接使用。

漸層方向

→ 左到右
↓ 上到下
↘ 對角線
↗ 反對角

漸層類型

線性漸層
放射漸層
錐形漸層

CSS 程式碼

Linear(左到右)
background: linear-gradient(to right, #06b6d4, #14b8a6);
Linear(對角線)
background: linear-gradient(135deg, #06b6d4, #14b8a6);
Radial(放射)
background: radial-gradient(circle, #06b6d4, #14b8a6);
三色漸層
background: linear-gradient(to right, #06b6d4, #0db7bd, #14b8a6);
Tailwind CSS
className="bg-gradient-to-r from-[#06b6d4] to-[#14b8a6]"

漸層中間色

#0DB7BD
點擊查看中間色詳情

相關漸層

常見問題