refactor(deepfield): ScrollReveal variant별 복원 클래스 명시

This commit is contained in:
2026-06-13 00:14:27 +09:00
parent 4223004c24
commit 4b85c52cfe

View File

@@ -41,10 +41,15 @@ export default function ScrollReveal({ children, delay = 0, variant = 'fade-up',
variant === 'draw' ? 'opacity-0 [transform:scaleX(0)] origin-left' :
'opacity-0 translate-y-6';
const visible =
variant === 'draw' ? 'opacity-100 [transform:scaleX(1)]' :
variant === 'fade' ? 'opacity-100' :
'opacity-100 translate-y-0';
return (
<div
ref={ref}
className={`${className ?? ''} transition-all duration-700 ease-out ${shown ? 'opacity-100 translate-y-0 [transform:none]' : hidden}`}
className={`${className ?? ''} transition-all duration-700 ease-out ${shown ? visible : hidden}`}
style={{ transitionDelay: `${delay}ms` }}
>
{children}