diff --git a/src/runtime/transition/index.ts b/src/runtime/transition/index.ts
index 63f1e5437b..0d4c4ebf54 100644
--- a/src/runtime/transition/index.ts
+++ b/src/runtime/transition/index.ts
@@ -12,18 +12,20 @@ export interface TransitionConfig {
 interface BlurParams {
 	delay: number;
 	duration: number;
+	amount: number;
 }
 
 export function blur(node: Element, {
 	delay = 0,
-	duration = 400
+	duration = 400,
+	amount = 5
 }: BlurParams): TransitionConfig {
-	const f = +getComputedStyle(node).filter;
+	const f = getComputedStyle(node).filter.replace(/^none$/, '');
 
 	return {
 		delay,
 		duration,
-		css: t => `filter: blur(${t * f})`
+		css: (t, u) => `opacity: ${t}; filter: ${f} blur(${u * amount}px);`
 	};
 }