@tailwind base; @tailwind components; @tailwind utilities; /*@import './components/';*/ /* 클리핑 애니메이션 (왼쪽부터 점점 보임) */ @keyframes clipReveal { from { clip-path: inset(0 100% 0 0); /* 왼쪽만 남기고 나머지 잘라냄 */ } to { clip-path: inset(0 0 0 0); /* 전체 다 보임 */ } } .clip-reveal { animation: clipReveal 2500ms ease forwards; } /* 텍스트 블링크 */ @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .animate-blink { animation: blink 1.2s infinite; } /* 로고 마스크 설정 */ .mask-logo { -webkit-mask-image: url('/logo.png'); -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; mask-image: url('/logo.png'); mask-size: cover; mask-repeat: no-repeat; mask-position: center; }