「バースデーグラデーション」色の占いをグラデーションにして悩みの解決

  • Laravel 8
  • Vue 3
  • TailwindCSS
  • Xserver

誕生日から色を出す占いがある。その色を2つ並べてグラデーションに表示して相性が感覚的にわかるサイト。

css の background-image: linear-gradient(); を使用してグラデーションを作成。あとはVue.jsで動的にcssの変更を行う。

https://birthday-gradation.com