From db5cea146fa0146b9bc94247eb7e001632118986 Mon Sep 17 00:00:00 2001
From: Richard Harris <richard.a.harris@gmail.com>
Date: Sat, 7 Sep 2019 15:25:30 -0400
Subject: [PATCH] document blur transition
---
site/content/docs/03-run-time.md | 36 ++++++++++++++++++++++++++++++++
1 file changed, 36 insertions(+)
diff --git a/site/content/docs/03-run-time.md b/site/content/docs/03-run-time.md
index d5653dd288..976e78cea5 100644
--- a/site/content/docs/03-run-time.md
+++ b/site/content/docs/03-run-time.md
@@ -532,6 +532,42 @@ You can see the `fade` transition in action in the [transition tutorial](tutoria
{/if}
```
+#### `blur`
+
+```sv
+transition:blur={params}
+```
+```sv
+in:blur={params}
+```
+```sv
+out:blur={params}
+```
+
+---
+
+Animates a `blur` filter alongside an element's opacity.
+
+`blur` accepts the following parameters:
+
+* `delay` (`number`, default 0) — milliseconds before starting
+* `duration` (`number`, default 400) — milliseconds the transition lasts
+* `easing` (`function`, default `cubicInOut`) — an [easing function](docs#svelte_easing)
+* `opacity` (`number`, default 0) - the opacity value to animate out to and in from
+* `amount` (`number`, default 5) - the size of the blur in pixels
+
+```html
+<script>
+ import { blur } from 'svelte/transition';
+</script>
+
+{#if condition}
+ <div transition:blur="{{amount: 10}}">
+ fades in and out
+ </div>
+{/if}
+```
+
#### `fly`
```sv