WEB

use-count-upライブラリを使ったカウントアップアニメーションをつくってみよう

nap5

2022.09.28

こんにちは。nap5です。

use-count-upライブラリを使ったカウントアップアニメーションをつくってみましたので、紹介したいと思います。

デモサイトです。

Welcome to cowboy bebop

this is cowboy bebop site

react-tailwind-use-count-up-animation.onrender.com

外部サイト

https://react-tailwind-use-count-up-animation.onrender.com/wines/15

デモコードです。

gracious-boyd-2dy32f - CodeSandbox

gracious-boyd-2dy32f by higashi.kota using @emotion/css, @emotion/react, @emotion/server, @emotion/styled, @fontsource/inter, @mui/material, @tidyjs/tidy, chance, framer-motion

外部サイト

https://codesandbox.io/s/2dy32f?file=/pages/wines/[id].js

知っておくと便利かもですね。

簡単ですが、以上です。

WEB

データ分析・AIの専門家集団 GRI

[データ分析・AIの専門家集団「GRI」と一緒に仕事をしませんか？お問い合わせお待ちしております]