14 lines
531 B
TypeScript
14 lines
531 B
TypeScript
import type { CardFaceProps } from "./types";
|
|
|
|
/** 卡面：光泽 + 装饰圆形 */
|
|
export function CirclesFace(_: CardFaceProps) {
|
|
return (
|
|
<>
|
|
<div className="absolute inset-0 bg-linear-to-tr from-white/20 via-transparent to-transparent" />
|
|
<div className="absolute -right-8 -top-8 size-44 rounded-full bg-white/10" />
|
|
<div className="absolute right-4 -bottom-12 size-36 rounded-full bg-white/[0.07]" />
|
|
<div className="absolute -left-6 -bottom-4 size-24 rounded-full bg-black/10" />
|
|
</>
|
|
);
|
|
}
|