깜빡이는 원

BlinkingCircle.tsx

import * as React from "react"
import { Frame, useCycle } from "framer"

// Open Preview (CMD + P)
// API Reference: https://www.framer.com/api

export function BlinkingCircle() {
    const [animate, cycle] = useCycle(
        { backgroundColor: "#ff2020" },
        { backgroundColor: "#ffbc20" }
    )

    setTimeout(cycle, 1000)

    return <Frame animate={animate} size={"100%"} radius={"50%"} />
}