diff --git a/README.md b/README.md
index 629a57c..80418eb 100644
--- a/README.md
+++ b/README.md
@@ -1,57 +1,124 @@
+
![Preview](https://raw.githubusercontent.com/tunguskha/Image-shadow/master/assets/imgs/Preview.jpg)
-# Image shadow !
+
+# Image and video shadow !
Simple and small Javascript script to display the shadow of the image!
+
---
-### Download Shadow-image
-```
+
+### Download
+
+```shell
$ git clone https://github.com/tunguskha/Image-shadow
```
+
---
+
### Import
-Locally
+
+Locally, choose one
+
```html
-
+
+
+
+
+
+
+
+
+
+
```
-CDN
+
+
+CDN, choose one
+
```html
-
+
+
+
+
+
+
+
+
+
```
+
---
+
### Use it
-All you need is .ishadow wrapper to the image and blur value in data attribute
+
+All you need is `.ishadow` wrapper to the image and blur value in data attribute
+
```html
-
+
```
Also, you can make an element hoverable by adding `data-hover="true"`.
+
`false` by default
+
+```html
+
+
+
+```
+If you use a lazy-loading script, srcset is supported.
```html
-
+
+
+```
+
+
+---
+
+
+### For video, it's a bit different
+You also need a wrapper, called `.v-shadow`.
+Inside, import your video, control the blur like image-shadow, and dont forget to add a `.v-clone` class.
+
+To work well, and control the shadow at the same time that the video is played, we have to clone it, and this is where the clone will be.
+
+This may impact the performance of the site, which should be used with caution.
+
+```html
+
```
+
+
---
+
### Support
+
| IE | Edge| Firefox | Chrome | Safari | Opera |
|:-:|:--:|:-:|:-:|:-:|:-:|
|:x:| :x: |:heavy_check_mark:|:heavy_check_mark:|:heavy_check_mark:|:heavy_check_mark:|
+
---
+
### See it live
-[Image-shadow](https://tunguskha.github.io/Image-shadow/)
+
+[Image-shadow](https://tunguskha.github.io/Image-shadow/)
\ No newline at end of file