AcaMate_Web/wwwroot/css/app.css

43 lines
862 B
CSS

@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;
}