@zerodevx/svelte-img
Advanced tools
Comparing version 1.2.0 to 1.2.1
{ | ||
"name": "@zerodevx/svelte-img", | ||
"version": "1.2.0", | ||
"description": "Elegant responsive images for SvelteKit", | ||
"version": "1.2.1", | ||
"description": "High-performance responsive images for SvelteKit", | ||
"author": "Jason Lee <jason@zerodevx.com>", | ||
@@ -11,23 +11,22 @@ "dependencies": { | ||
"devDependencies": { | ||
"@playwright/test": "^1.26.0", | ||
"@sveltejs/adapter-static": "1.0.0-next.43", | ||
"@sveltejs/kit": "1.0.0-next.493", | ||
"@playwright/test": "^1.26.1", | ||
"@sveltejs/adapter-static": "1.0.0-next.44", | ||
"@sveltejs/kit": "1.0.0-next.508", | ||
"@sveltejs/package": "1.0.0-next.5", | ||
"@tailwindcss/typography": "^0.5.7", | ||
"autoprefixer": "^10.4.12", | ||
"eslint": "^8.23.1", | ||
"eslint": "^8.24.0", | ||
"eslint-config-prettier": "^8.5.0", | ||
"eslint-plugin-svelte3": "^4.0.0", | ||
"magic-string": "^0.26.4", | ||
"postcss": "^8.4.16", | ||
"postcss": "^8.4.17", | ||
"postcss-load-config": "^4.0.1", | ||
"prettier": "^2.7.1", | ||
"prettier-plugin-svelte": "^2.7.0", | ||
"prettier-plugin-svelte": "^2.7.1", | ||
"svelte": "^3.50.1", | ||
"svelte-check": "^2.9.0", | ||
"svelte-check": "^2.9.1", | ||
"svelte-preprocess": "^4.10.7", | ||
"tailwindcss": "^3.1.8", | ||
"tslib": "^2.4.0", | ||
"typescript": "^4.8.3", | ||
"vite": "^3.1.3" | ||
"typescript": "^4.8.4", | ||
"vite": "^3.1.4" | ||
}, | ||
@@ -34,0 +33,0 @@ "license": "ISC", |
# svelte-img | ||
> Elegant responsive images for SvelteKit. | ||
> High-performance responsive images for SvelteKit. | ||
@@ -8,2 +8,7 @@ Automatically transform local images into multiple widths and next-gen formats, then render a | ||
Includes special effects: | ||
- [x] Fade-in on image reveal | ||
- [x] Parallax vertical scroll effect | ||
Demo: https://zerodevx.github.io/svelte-img/ | ||
@@ -236,6 +241,8 @@ | ||
Apply a parallax effect to an image. `factor` is a number between `0` to `1`, where: | ||
Apply a parallax effect to an image, where `factor` is a decimal value between 0 and 1 that controls | ||
how much slower the element scrolls relative to the scrolling speed: | ||
- `1` behaves normally (image scrolls along with the page at same speed); | ||
- and `0` essentially fixes the image on the page. | ||
- A value closer to 0 is faster, while a value closer to 1 is slower. | ||
- A value of 1 behaves normally. | ||
- A value of 0 effectively makes the element scroll fixed with the page. | ||
@@ -242,0 +249,0 @@ The default factor is `0.75`. |
Sorry, the diff of this file is not supported yet
18479
20
269