diff --git a/src/index.tsx b/src/index.tsx
index d10cb74..2d57a8e 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -20,7 +20,7 @@ function Fade(props: FadeProps) {
     }
   }
 
-  const opacityValue = useSharedValue(1);
+  const opacityValue = useSharedValue(visible ? 1 : 0);
   const translationValue = useSharedValue(getInitialTranslationValue());
 
   const opacityStyle = useAnimatedStyle(() => {