43 lines
862 B
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;
|
|
}
|