Rendering
Image v1.1.3
Utilities for sets an image or canvas renders if it is scaled up or down from its original dimensions.
Class
| class | css | |
|---|---|---|
| image-auto | image-rendering: auto | |
| image-crisp | image-rendering: crisp-edges | |
| image-pixelated | image-rendering: pixelated |
Usage
<!-- Example -->
<img class="image-crisp">
<canvas class="image-crisp"></canvas>
<y class="image-crisp"
style="background-image: url(...)"></y>Variant
| Variant | Enabled | Responsive |
|---|---|---|
| Default | Yes | |
| Dark Theme | ||
| hover | ||
| group-hover | ||
| focus | ||
| focus-within | ||
| active | ||
| visited | ||
| checked | ||
| disabled |
