Files
persian-ping-frontend/src/components/pulsatingCircle/index.tsx

15 lines
508 B
TypeScript

import { FC } from "react";
const PulsatingCircle: FC = () => {
return (
<div className="relative flex justify-center items-center w-52 h-52">
<div className="absolute flex justify-center items-center w-24 h-24 border-4 border-yellow-400 rounded-full z-10">
<span className="text-4xl text-yellow-400">1</span>
</div>
<div className="absolute w-24 h-24 border-4 border-yellow-400 rounded-full animate-pulse delay-75"></div>
</div>
);
};
export default PulsatingCircle;