1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

diff --git a/README.md b/README.md
index 0bd9036af568d0ecb9ecee92c902dde82808f32e..ffa340dbc34d82b344e73eeb3c8494287e5da17c 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,17 @@
-# vscode-tailwindcss
+# Tailwind IntelliSense
+
+> Autocompletion for Tailwind CSS utilities
+
+## HTML
 
-<img src="https://github.com/bradlc/vscode-tailwindcss/blob/master/src/img/html.gif" alt="HTML autocompletion" width="600">
+<img src="https://github.com/bradlc/vscode-tailwindcss/blob/master/src/img/html.gif" alt="HTML autocompletion" width="750">
+
+Hover over a class name to preview the CSS:
+
+<img src="https://github.com/bradlc/vscode-tailwindcss/blob/master/src/img/html-hover.gif" alt="HTML hover preview" width="750">
+
+## CSS
+
+In CSS files you get autocompletions when using `@apply` and the `config()` helper.
+
+<img src="https://github.com/bradlc/vscode-tailwindcss/blob/master/src/img/css.gif" alt="CSS autocompletion" width="750">

1
2
3
4

diff --git a/src/img/css.gif b/src/img/css.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7e288570a3403e267c9547f921f3cc518d1ba7b4
Binary files /dev/null and b/src/img/css.gif differ

1
2
3
4

diff --git a/src/img/html-hover.gif b/src/img/html-hover.gif
new file mode 100644
index 0000000000000000000000000000000000000000..94540b86a062f0274f9ae1d3d755898f749fed43
Binary files /dev/null and b/src/img/html-hover.gif differ