v.korobtsev/vkorobtsev-nextJs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add spotify widget

Browse source
This commit is contained in:
Alvalen 2024-04-19 19:21:34 +07:00
parent 40927e3cda
commit 231488859c
8 changed files with 168 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

25
app/about/(spotify)/animation.jsx Normal file
View file

@ -0,0 +1,25 @@
import { motion } from "framer-motion";
const PlayingAnimation = () => {
return (
<div className="relative flex justify-between w-4 h-8 space-x-1">
<motion.span
className="w-1 h-full bg-gray-500 rounded-full"
animate={{ scaleY: [0.3, 1, 0.5, 0.75, 0.5] }}
transition={{ duration: 2.2, repeat: Infinity }}
/>
<motion.span
className="w-1 h-full bg-gray-500 rounded-full"
animate={{ scaleY: [0.3, 1, 0.5, 0.75, 0.5] }}
transition={{ duration: 2.2, repeat: Infinity, delay: -2 }}
/>
<motion.span
className="w-1 h-full bg-gray-500 rounded-full"
animate={{ scaleY: [0.3, 1, 0.5, 0.75, 0.5] }}
transition={{ duration: 2.2, repeat: Infinity, delay: -3.7 }}
/>
</div>
);
};
export default PlayingAnimation;