Skip to content

Commit 8f41fce

Browse files
committed
Prep for patch
1 parent 8fb466b commit 8f41fce

File tree

4 files changed

+164
-161
lines changed

4 files changed

+164
-161
lines changed

README.md

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -115,9 +115,7 @@ widths in `avif/webp/jpg` formats; and a `16px webp/base64` low-quality image pl
115115
To change this globally, edit your `vite.config.js`:
116116

117117
```js
118-
import { defineConfig } from 'vite'
119-
import { sveltekit } from '@sveltejs/kit/vite'
120-
import { imagetools } from '@zerodevx/svelte-img/vite'
118+
import ...
121119

122120
// By default, directives are 'w=480;1024;1920&format=avif;webp;jpg' (9 variants)
123121
export default defineConfig({
@@ -346,8 +344,7 @@ for me, but you can apply your own using CSS.
346344
347345
### Fade-in on reveal
348346
349-
Reveal images with a fade-in/zoom effect (aka medium.com) when they are loaded **and** in the
350-
viewport.
347+
Reveal images with a fade-in effect (aka medium.com) when they are loaded **and** in the viewport.
351348
352349
<!-- prettier-ignore -->
353350
```html
@@ -363,9 +360,9 @@ viewport.
363360
width: 640px;
364361
height: 480px;
365362
366-
/* These CSS vars (shown with their default vals) are exposed */
367-
--reveal-transform: scale(1.05);
368-
--reveal-transition: opacity 1s linear, transform 0.75s ease-out;
363+
/* These CSS vars (with their default values) are exposed */
364+
--reveal-transform: scale(1.02);
365+
--reveal-transition: opacity 1s ease-in, transform 0.8s ease-out;
369366
--reveal-filter: blur(20px);
370367
}
371368
</style>

0 commit comments

Comments
 (0)