Skip to content

Commit 2793f92

Browse files
committed
Update README
1 parent db38206 commit 2793f92

File tree

2 files changed

+4
-1
lines changed

2 files changed

+4
-1
lines changed

README.md

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,9 @@
22
<h1 align='center'>
33
react-gl-transition-image 🎨
44
</h1>
5+
<p align='center'>
6+
<img src="https://github.com/stasilo/react-gl-transition-image/raw/master/assets/transition.gif"/>
7+
</div>
58

69
Lazy load & transition your React images with some WebGL glsl niceness 🎉. Easy to use, offers 7 different transitions out the box and gives you the ability to easily port any transition from https://gl-transitions.com/!
710

@@ -84,7 +87,7 @@ const GlFadeInImage = ({ src }) => {
8487
| mask | Mask image url. If this props is supplied, the image will be used as a mask and the transition will be set (and overridden) accordingly | no | |
8588
| textures | Array of image urls to be loaded as textures in the transition shader. `textures[0]` will be available as `sampler2D textures[0] in the shader with `vec2 textureResolutions[0]` containing the image resolution. | no | |
8689
| className | CSS class name for the outermost wrapper div | no | |
87-
| `style` | CSS inline style object for the outermost wrapper div (useful for animating CSS properties concurrently with the GLSL transition (see live demo)) | | |
90+
| style | CSS inline style object for the outermost wrapper div (useful for animating CSS properties concurrently with the GLSL transition (see live demo)) | | |
8891

8992
## Transitions
9093
The following transitions are currently available.

assets/transition.gif

21.2 MB
Loading

0 commit comments

Comments
 (0)