玫瑰到青色漸層
Rose（#F43F5E）到 Teal（#14B8A6）的 CSS 漸層效果。 複製程式碼直接使用。
漸層方向
→ 左到右
↓ 上到下
↘ 對角線
↗ 反對角
漸層類型
線性漸層
放射漸層
錐形漸層
CSS 程式碼
Linear（左到右）
background: linear-gradient(to right, #f43f5e, #14b8a6);Linear（對角線）
background: linear-gradient(135deg, #f43f5e, #14b8a6);Radial（放射）
background: radial-gradient(circle, #f43f5e, #14b8a6);三色漸層
background: linear-gradient(to right, #f43f5e, #847c82, #14b8a6);Tailwind CSS
className="bg-gradient-to-r from-[#f43f5e] to-[#14b8a6]"漸層中間色
#847C82
點擊查看中間色詳情