kopia lustrzana https://github.com/shoelace-style/shoelace
15 wiersze
471 B
Markdown
15 wiersze
471 B
Markdown
|
# Image Comparer
|
||
|
|
|
||
|
|
[component-header:sl-image-comparer]
|
||
|
|
|
||
|
|
Compares two images with a sliding panel, commonly used to demonstrate visual differences between similar photos.
|
||
|
|
|
||
|
|
```html preview
|
||
|
|
<sl-image-comparer>
|
||
|
|
<img slot="before" src="/assets/images/kittens-grayscale.jpg" alt="Kittens in a basket in grayscale">
|
||
|
|
<img slot="after" src="/assets/images/kittens-color.jpg" alt="Kittens in a basket in color">
|
||
|
|
</sl-image-comparer>
|
||
|
|
```
|
||
|
|
|
||
|
|
[component-metadata:sl-image-comparer]
|