Skip to content

Commit

Permalink
Update README
Browse files Browse the repository at this point in the history
  • Loading branch information
marlospomin committed May 6, 2020
1 parent 4144618 commit 43d9e00
Showing 1 changed file with 27 additions and 4 deletions.
31 changes: 27 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,10 +34,33 @@ Add ```data-mango``` to your images as it follows below.
<img data-mango src="path/to/image/image.jpg" alt="">...</img>
```

Add mango ```css``` to your document.

```html
<link rel="stylesheet" href="/path/to/file/mango.css">
Add mango **required** ```css``` to your document/styles.

```css
.mango-overlay {
position: fixed;
top: 0;
left: 0;
opacity: 0;
height: 100%;
width: 100%;
transition: opacity 0.2s ease;
}

.mango-image--open {
position: relative;
cursor: zoom-out !important;
}

.mango--open .mango-overlay {
cursor: zoom-out;
opacity: 1;
}

.mango-image {
cursor: zoom-in;
transition: transform 0.2s ease;
}
```

Call mango anywhere in your code:
Expand Down

0 comments on commit 43d9e00

Please sign in to comment.