2023/10/13

ホバーするとタイトルが長い場合はスクロールアニメーションさせて表示するカード

Twitchのようにカード部分にマウスホバーするとタイトルが長い場合はスクロールアニメーションさせて表示させるようにするカードコンポーネントです

About Preview

このコンポーネントを使いたい場合は、component.tsxとstyle.cssの内容をコピーして、render.tsxを参考にコンポーネントを使ってください

プレビュー画面では以下のパッケージがデフォルトでインストールされています

pnpm add tailwindcss

type CardProps = {
  title: string;
  image: string;
  description: string;
  url: string;
  className?: string;
}

こちらのツイートを参考にさせていただきました