Skip to content

Commit ce4f50d

Browse files
committed
Update deps
1 parent aa3e6bd commit ce4f50d

File tree

3 files changed

+154
-247
lines changed

3 files changed

+154
-247
lines changed

README.md

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,15 @@
11
# svelte-img
22

3-
> Elegant responsive images for SvelteKit.
3+
> High-performance responsive images for SvelteKit.
44
55
Automatically transform local images into multiple widths and next-gen formats, then render a
66
minimally invasive HTML representation into your SvelteKit project.
77

8+
Includes special effects:
9+
10+
- [x] Fade-in on image reveal
11+
- [x] Parallax vertical scroll effect
12+
813
Demo: https://zerodevx.github.io/svelte-img/
914

1015
## Install
@@ -232,10 +237,12 @@ import { FxReveal as Img } from '@zerodevx/svelte-img'
232237

233238
#### Parallax
234239

235-
Apply a parallax effect to an image. `factor` is a number between `0` to `1`, where:
240+
Apply a parallax effect to an image, where `factor` is a decimal value between 0 and 1 that controls
241+
how much slower the element scrolls relative to the scrolling speed:
236242

237-
- `1` behaves normally (image scrolls along with the page at same speed);
238-
- and `0` essentially fixes the image on the page.
243+
- A value closer to 0 is faster, while a value closer to 1 is slower.
244+
- A value of 1 behaves normally.
245+
- A value of 0 effectively makes the element scroll fixed with the page.
239246

240247
The default factor is `0.75`.
241248

0 commit comments

Comments
 (0)