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 |