[Tailwind] Radial Gradient

TL;DR

在切某個版的時候發現設計稿使用Radial Gradient...第一次遇到這個！找了一些文章順便記錄一下怎麼使用。

參考資料

• How to use radial gradient in Tailwindcss | stackoverflow

相關連結

• radial-gradient() | MDN

---

設定方式

因為設計稿中有多個地方都會使用到這個漸層樣式，所以我使用_utilities.scss的方式寫成一個class：

@layer utilities{
  .l-radial-gradient{
    @apply bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-neutral-linearlight to-neutral-lineardark from-0% to-70%
  }
}