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

classcss
image-autoimage-rendering: auto
image-crispimage-rendering: crisp-edges
image-pixelatedimage-rendering: pixelated
Note: Your browser does not currently support the utilities.

Usage

<!-- Example -->
<img class="image-crisp">

<canvas class="image-crisp"></canvas>

<y class="image-crisp"
style
="background-image: url(...)"
>
</y>

Variant

VariantEnabledResponsive
DefaultYes
Dark Theme
hover
group-hover
focus
focus-within
active
visited
checked
disabled