flesh out in/out transition tutorial chapter (#2792)

sveltejs · May 26, 2019 · 0d7f6fb · 0d7f6fb
1 parent 0891495
commit 0d7f6fb
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/site/content/tutorial/10-transitions/03-in-and-out/text.md b/site/content/tutorial/10-transitions/03-in-and-out/text.md
@@ -2,7 +2,13 @@
 title: In and out
 ---
 
-Instead of the `transition` directive, an element can have an `in` or an `out` directive, or both together:
+Instead of the `transition` directive, an element can have an `in` or an `out` directive, or both together. Import `fade` alongside `fly`...
+
+```js
+import { fade, fly } from 'svelte/transition';
+```
+
+...then replace the `transition` directive with separate `in` and `out` directives:
 
 ```html
 <p in:fly="{{ y: 200, duration: 2000 }}" out:fade>