From a80aa6343d72231a99d9108bc4af6466b8e3c9dc Mon Sep 17 00:00:00 2001 From: Rich Harris Date: Mon, 15 Apr 2019 17:23:04 -0400 Subject: [PATCH] respect starting opacities --- transition.mjs | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/transition.mjs b/transition.mjs index 10e2239746..c89952cef5 100644 --- a/transition.mjs +++ b/transition.mjs @@ -138,13 +138,14 @@ export function crossfade({ fallback, ...defaults }) { const style = getComputedStyle(node); const transform = style.transform === 'none' ? '' : style.transform; + const opacity = +opacity; return { delay, duration: is_function(duration) ? duration(d) : duration, easing, css: (t, u) => ` - opacity: ${t}; + opacity: ${t * opacity}; transform: ${transform} translate(${u * dx}px,${u * dy}px); ` };